點選立即前往》}¥}
-}+全選
合計:¥}
結算(})
page
.shop-mana
.management
.goto
.carts
.goods
.goods-check
.checkbox
.goods-details
.goods-img
.goods-img image
.goods-title
.goods-name
font-size: 24rpx;
width: 100%;
color: #888888;
height: 30rpx;
line-height: 30rpx;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}.goods-bot
.goods-pri
.goods-number
.goods-minu
.num
.goods-add
.goods-num
.goods-footer
.allselect
.allse
.allselect-text
.sum
.total-pri
.settlement
page(,,],
totalprice:'0.00',
num:'0',
},// 單個選中
change: function (e) else
}if (j == goods.length)
//如果都選中，全選也選中實現
that.setdata();
//呼叫計算數目方法
that.countnum()
//計算金額
that.count()
},// 全選事件
selectall: function(e)
that.setdata();
//呼叫計算數目方法
that.countnum()
//計算金額
that.count()
},//加法
addtion: function (e)
//把新的值給新的陣列
var newlist = that.data.goods
newlist[index].num = num
//把新的陣列傳給前台
that.setdata()
//呼叫計算數目方法
that.countnum()
//計算金額
that.count()
},//減法
subtraction: function (e) else
//把新的陣列傳給前台
that.setdata()
//呼叫計算數目方法
that.countnum()
//計算金額
that.count()
},//計算數量
countnum: function ()
}that.setdata()
},//計算金額方法
count: function ()
}that.setdata()
},})
微信小程式之購物車功能
先來弄清楚購物車的需求。根據設計圖，我們可以先實現靜態頁面。接下來，再看看乙個購物車需要什麼樣的資料。知道了需要這些資料，在頁面初始化的時候我們先定義好這些。page onshow 購物車列表資料我們一般是通過請求伺服器拿到的資料，所以我們放在生命週期函式裡給 carts 賦值。想到每次進到購物車都...
微信小程式之購物車功能
前言 以往的購物車，基本都是通過大量的 dom 操作來實現。微信小程式其實跟 vue.js 的用法非常像，接下來就看看小程式可以怎樣實現購物車功能。需求先來弄清楚購物車的需求。根據設計圖，我們可以先實現靜態頁面。接下來，再看看乙個購物車需要什麼樣的資料。知道了需要這些資料，在頁面初始化的時候我們先定...
微信小程式之購物車的功能
1.購物車裡面功能無非就是刪除商量，增加 減少 數量，單全選，商品合計 2.這段 var cartitems this.data.cartitems 獲取購物車裡面的商品，之後在通過下標e.currenttarget.dataset.index來獲取當前的商品 選擇事件 單全選 單選 select ...