E企盈营销工具技术服务商 热线:4006-838-530

小程序购物车之加入购物车

E企盈直播平台营销卖货系统

购物车功能有两个步骤,1:加入购物车   2:在购物车中增加商品数量,删除商品等等一系列操作,今天先将加入购物车的功能完成wxml:view class=”cart” bindtap=’addCart’ data-id=”{{book.id}}” data-img=”{{book.goods_img}}” data-title=”{{book.goods_title}}” data-price=”{{book.goods_prom_price}}” data-num=”1″ 加入购物车/viewjs:addCart:function(res){    //创建动画,    var animation = wx.createAnimation({      duration: 3000,      timingFunction: ‘ease-in-out’    });    this.animation = animation;    animation.translateY(-336).step();    this.setData({      animationData: this.animation.export(),      maskVisual: ‘show’    });    var that = this;    var cart = wx.getStorageSync(‘cart’) || [];//判断cart存不存在    var exist = cart.find(function (ele) {  //find遍历cart数组      return ele.id === res.currentTarget.dataset.id;    })    if (exist){      exist.num = parseInt(exist.num) + parseInt(res.currentTarget.dataset.num);//如果加入购物车的商品存在就增加数量    }else{      cart.push(res.currentTarget.dataset);    }    wx.setStorage({      key: ‘cart’,      data: cart,      success: function (res) {        //添加购物车的消息提示框        wx.showToast({          title: “加入购物车成功”,          icon: “success”,          durantion: 2000        })      }    })    //购物车的图标右上方提示购物车中有多少商品    var total = 0;    cart.find(function (ele) {      total += parseInt(ele.num);    })    this.setData({ cartNum: total });  },参考:https://blog.csdn.net/sinat_32034679/article/details/78748206

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序购物车之加入购物车
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏