购物车商品加一个checked属性
定义allChecked属性
<!-- 底部工具栏 开始 -->
<view class="footer_tool">
<!-- 全选 开始 -->
<view class="all_chk_wrap">
<checkbox-group>
<checkbox checked="{{allChecked}}"><text decode="true"> 全选</text></checkbox>
</checkbox-group>
</view>
<!-- 全选 结束 -->
<!-- 合计 开始 -->
<view class="total_price_wrap">
<view class="total_price">
合计：<text class="total_price_text">¥ {{totalPrice}}</text>
</view>
</view>
<!-- 合计 结束 -->
<!-- 结算 开始 -->
<view class="order_pay_wrap">
结算({{totalNum}})
</view>
<!-- 结算 结束 -->
</view>
<!-- 底部工具栏 结束 -->
// 导入request请求工具类
import {
getBaseUrl,
requestUtil
} from '../../utils/requestUtil.js';
import regeneratorRuntime from '../../lib/runtime/runtime';
Page({
/**
* 页面的初始数据
*/
data: {
address:{},
baseUrl: '',
cart:[],
allChecked:false,
totalPrice:0,
totalNum:0
},
handleChooseAddress(){
wx.chooseAddress({
success: (result) => {
console.log(result)
wx.setStorageSync('address', result)
},
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
const baseUrl = getBaseUrl();
this.setData({
baseUrl
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
console.log("show")
const address=wx.getStorageSync('address');
const cart=wx.getStorageSync('cart')||[];
let allChecked=true;
let totalPrice=0;
let totalNum=0;
cart.forEach(v=>{
if(v.checked){
totalPrice+=v.price*v.num;
totalNum+=v.num;
}else{
allChecked=false;
}
})
allChecked=cart.length!=0?allChecked:false;
this.setData({
address,
cart,
allChecked,
totalNum,
totalPrice
})
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
