// page/component/new-pages/cart/cart.js
Page({
data: {
carts:[], // 购物车列表
hasList:false, // 列表是否有数据
totalPrice:0, // 总价，初始为0
selectAllStatus:true // 全选状态，默认全选
},
onShow() {
this.setData({
hasList: true,
carts:[
{id:1,title:'新鲜芹菜 半斤',image:'/image/s5.png',num:4,price:0.01,selected:true},
{id:2,title:'素米 500g',image:'/image/s6.png',num:1,price:0.03,selected:true}
]
});
this.getTotalPrice();
},
/**
* 当前商品选中事件
*/
selectList(e) {
const index = e.currentTarget.dataset.index;
let carts = this.data.carts;
const selected = carts[index].selected;
carts[index].selected = !selected;
this.setData({
carts: carts
});
this.getTotalPrice();
},
/**
* 删除购物车当前商品
*/
deleteList(e) {
const index = e.currentTarget.dataset.index;
let carts = this.data.carts;
carts.splice(index,1);
this.setData({
carts: carts
});
if(!carts.length){
this.setData({
hasList: false
});
}else{
this.getTotalPrice();
}
},
/**
* 购物车全选事件
*/
selectAll(e) {
let selectAllStatus = this.data.selectAllStatus;
selectAllStatus = !selectAllStatus;
let carts = this.data.carts;
for (let i = 0; i < carts.length; i++) {
carts[i].selected = selectAllStatus;
}
this.setData({
selectAllStatus: selectAllStatus,
carts: carts
});
this.getTotalPrice();
},
/**
* 绑定加数量事件
*/
addCount(e) {
const index = e.currentTarget.dataset.index;
let carts = this.data.carts;
let num = carts[index].num;
num = num + 1;
carts[index].num = num;
this.setData({
carts: carts
});
this.getTotalPrice();
},
/**
* 绑定减数量事件
*/
minusCount(e) {
const index = e.currentTarget.dataset.index;
let carts = this.data.carts;
let num = carts[index].num;
if(num <= 1){
return false;
}
num = num - 1;
carts[index].num = num;
this.setData({
carts: carts
});
this.getTotalPrice();
},
/**
* 计算总价
*/
getTotalPrice() {
let carts = this.data.carts; // 获取购物车列表
let total = 0;
for(let i = 0; i<carts.length; i++) { // 循环列表得到每个数据
if(carts[i].selected) { // 判断选中才会计算价格
total += carts[i].num * carts[i].price; // 所有价格加起来
}
}
this.setData({ // 最后赋值到data中渲染到页面
carts: carts,
totalPrice: total.toFixed(2)
});
}
})
微信购物车小程序.rar （71个子文件） 
微信购物车小程序 page component address 
address.json 84B address.js 1004B address.wxss 287B address.wxml 475B index.wxml 4KB list list.json 2B list.js 340B list.wxss 527B list.wxml 1KB details details.wxss 3KB details.json 2B details.js 1KB details.wxml 2KB cart cart.wxml 2KB cart.wxss 2KB cart.js 3KB cart.json 43B user user.json 40B user.wxss 2KB user.wxml 1KB user.js 1KB category category.js 876B category.wxml 1KB category.wxss 1KB category.json 106B index.js 199B index.wxss 1014B orders orders.json 46B orders.wxss 2KB orders.js 1KB orders.wxml 1KB index.json 2B common common.wxss 204B app.wxss 3KB project.config.json 2KB image 
5.jpg 16KB
1.gif 90KB
s5.png 37KB list1.png 93KB 3.jpg 17KB s3.png 122KB 4.jpg 15KB 11.png 4KB 2.jpg 21KB 21.png 4KB s2.png 62KB s1.png 59KB 31.png 4KB 32.png 4KB 1.jpg 22KB b3.jpg 87KB c3.png 10KB c4.png 9KB c2.png 8KB 6.jpg 17KB b2.jpg 84KB s4.png 41KB 12.png 4KB 41.png 3KB s6.png 30KB cart1.png 2KB goods1.png 71KB 22.png 4KB icon3.png 1KB cart2.png 2KB c1.png 57KB 42.png 4KB b1.jpg 73KB app.js 224B app.json 1KB util util.js 430B资源评论
一期一祈5142022-12-06总算找到了自己想要的资源，对自己的启发很大，感谢分享~
m0_664770422022-06-29用户下载后在一定时间内未进行评价，系统默认好评。
