最新微信小程序商城源码

// pages/card/index.js Page({ /** * 页面的初始数据 */ data: { cartArray:[], totalPrice:"0.00", totalCount:0, selectAll:false, startX:0, startY:0 }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { }, addCount(e){ const index = e.currentTarget.dataset.index; const arr = this.data.cartArray; arr[index].total += 1; // console.log(arr[index].select); if(arr[index].select){ let totalMonay = Number(this.data.totalPrice); totalMonay += Number(arr[index].price); this.setData({ totalPrice:String(totalMonay.toFixed(2)) }) } this.setData({ cartArray:arr }) wx.setStorage({ data: arr, key: 'cartInfo', }) }, subtractCount(e){ const index = e.currentTarget.dataset.index; const arr = this.data.cartArray; if(arr[index].total>1){ arr[index].total -= 1; this.setData({ cartArray:arr }) if(arr[index].select){ let totalMonay = Number(this.data.totalPrice); totalMonay -= Number(arr[index].price); this.setData({ totalPrice:String(totalMonay.toFixed(2)) }) } wx.setStorage({ data: arr, key: 'cartInfo', }) } }, switchShop(e){ console.log(e) const index = e.currentTarget.dataset.index; const arr = this.data.cartArray; //跳转 wx.navigateTo({ url: '/pages/shopDetail/index?id='+arr[index].id, }) }, selectShop(e){ // console.log(e) const index = e.currentTarget.dataset.index; const arr = this.data.cartArray; arr[index].select = !arr[index].select; if(!arr[index].select){ this.setData({ selectAll:false }) } //选中商品的总价格 let total = this.data.cartArray[index].total * Number(this.data.cartArray[index].price); //当前总价 let totalMonay = Number(this.data.totalPrice); let totalCount = this.data.totalCount; // console.log(total); if(arr[index].select){ totalMonay += total; totalCount++ } else{ totalMonay -= total; totalCount--; } this.setData({ totalPrice:String(totalMonay.toFixed(2)), totalCount:totalCount, cartArray:arr }) }, selectAll(){ let all = this.data.selectAll; let arr = this.data.cartArray; arr.forEach((el) => { el.select=!all }) if(!all){ let total = () => { let totalMoney = 0; arr.forEach(el=>{ totalMoney += el.total*Number(el.price) }) return totalMoney; } // console.log(total()) this.setData({ totalPrice:total(), totalCount:arr.length }) // console.log(1) } else{ console.log(2) this.setData({ totalPrice:"0.00", totalCount:0 }) } this.setData({ cartArray:arr, selectAll:!all }) }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function () { let _this = this; wx.getStorage({ key: 'cartInfo', success: (result) => { const arr = result.data; arr.forEach((el) => { el.select = false; el.isTouchMove = false; }) _this.setData({ cartArray:arr, totalPrice:"0.00", selectAll:false, totalCount:0 }) } }) //判断当前storage中有没有商品 wx.getStorage({ key: 'cartInfo', success(res){ const arr = res.data; console.log(arr) arr.length > 0 ? //显示右上角文本 wx.setTabBarBadge({ index: 2, text: String(arr.length) }): wx.removeTabBarBadge({ index: 2, }) } }) }, //触摸的初始位置 touchstart(e){ const cartArray = this.data.cartArray; //同时重置所有删除按钮 // cartArray.forEach((el)=>{ // el.isTouchMove = false; // }); //记录下初始点的位置 this.setData({ cartArray:cartArray, startX:e.changedTouches[0].clientX, startY:e.changedTouches[0].clientY }) }, //移动位置 trouchmove(e){ // console.log(e); //开始坐标 let startX = this.data.startX, startY = this.data.startY; //移动坐标 let moveX = e.changedTouches[0].clientX, moveY = e.changedTouches[0].clientY; // console.log(startX,startY); // console.log(moveX,moveY); //获得角度 let angel = this.angel({x: startX, y: startY},{x: moveX,y: moveY}); let cartArray = this.data.cartArray; let index = e.currentTarget.dataset.index; //如果滑动角度大于30度，那么认为不是正常的需要显示删除的角度 if(angel>30) return; //移动的x轴大于初始的，那么代表右滑 if(moveX>startX){ cartArray[index].isTouchMove = false; } else{ cartArray[index].isTouchMove = true; } this.setData({ cartArray:cartArray }) }, //计算移动位置和起始位置的角度 angel(start, end){ let _x = end.x - start.x; let _y = end.y - start.y; return 360 * Math.atan(_y/_x) / (2 * Math.PI); }, deleteShop(e){ const id = e.currentTarget.dataset.id; const index = e.currentTarget.dataset.index; const _this = this; const cartArray = this.data.cartArray; console.log(e) //返回的数组是没有 let newArr = cartArray.filter((el)=>{ return el.id !== id }) // console.log(newArr); wx.setStorage({ data: newArr, key: 'cartInfo', }) //更新商品列表 _this.setData({ cartArray:newArr }) //更新总价和数量 _this.updata(newArr); //更新tab右上角数字 newArr.length > 0 ? //显示右上角文本 wx.setTabBarBadge({ index: 2, text: String(newArr.length) }): wx.removeTabBarBadge({ index: 2, }) }, //更新数据，假如当前的总价处于选择状态，那么删除商品的同时总价和数量应该有所变化 updata(cartArray){ // let cartArray = this.data.cartArray; let total = 0, count = 0 cartArray.forEach((el)=>{ if(el.select){ total += Number(el.price)*el.total; count++; } }) this.setData({ totalPrice:String(total.toFixed(2)), totalCount:count }) }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { } })