微信小程式商品展示頁面 仿鹹魚

2021-09-12 02:22:52 字數 2438 閱讀 4664

專案中做了乙個商品發布展示的頁面,記錄下來

想在setdata中更改陣列具體下標中的某個值:

let one = "lowmoney[" + 0 + "].money";

this.setdata(}

¥}提問}   瀏覽}

降價編輯更多

現價¥} 降價至

¥}

¥}}確定

上架下架刪除

取消

新建--沒有更多了--

// pages/myrelease/myrelease.js

page(,,,

],lowind: 0,

productstate: false,

},/**

* 生命週期函式--監聽頁面顯示

*/onshow: function(options) ,

/*** 降價顯示

*/onclickshowmoney(e) )

},/**

* 更多顯示

*/onclickshowmore(e) );

if (e.currenttarget.dataset.state === 0) )

} else )}},

/*** 降價&更多隱藏

*/onclickhidden(e) );

break;

case '1':

that.setdata();

break;}},

/*** 修改價錢

* updateprice

*/updateprice(e)

if (res.state === 1) )}})

},/**

* 下架

* soldout

*/soldout()

if (res.state === 1) )

this.getmyrelease();

this.setdata()}})

},/**

* 上架

*putaway

*/putaway()

if (res.state === 1) )

this.getmyrelease();

this.setdata()}})

},/**

* 刪除

* productdel

*/productdel()

if (res.state === 1) )}})

},/**

* 選擇打折力度

*/clicklowmoney(e) )

} else )}},

/*** 編輯

*/edit(e) )

},/**

* 新建我的發布

*/newrelease() )

},productdetail(e) )

},//上拉事件

onreachbottom: function() ,

/*** 獲取我的發布

*/getmyrelease()

let release = res.data.release

this.setdata()

})},

})

/* pages/order/order.wxss */

page

.null_img

.null_text_release

.null_release

.bottom

.release

.release image

.release_text

.release_money

.pv

.button

.button button

.out

.more

.more_view

.more_bot

.lowmoney

.low_img

.close

.now_money

.now_mon

.low_money

.low_mon

.low_mon_span

.dis

.discount

.background-color

.check

.discount_view

.lowmoney_mon

.lowmoney_tip

.sure_but

/* 遮罩層 */

.mask

/* 彈出層 */

微信小程式仿微信語音

先看一下效果 觸控開始 touchstart function e this.recordermanager.start 觸控結束 touchend function e this.recordermanager.stop console.log 按了 shijian 秒 console.log w...

微信小程式本地json資料在頁面展示

新建乙個json檔案,使用module.exports定義出口,要不然其他檔案讀取不到json資料。還有乙個需要注意的小細節,本地json資料放在js檔案裡面,不是json檔案,不然會報錯。本地模擬json資料 var jsondata 定義資料出口 module.exports wxml js 裡...

微信小程式頁面布局

3.flex布局的主要特徵是能夠調整其子元素在不同的螢幕大小中能夠用最適合的方法填充合適的空間。二,flex布局的特點 1.任意方向的伸縮,向左,向右,向下,向上 2.在樣式層可以調換和重排順序 3.主軸和側軸方便配置 4.子元素的空間拉伸和填充 5.沿著容器對齊23 顯示效果 block改換成di...