小程序商城--将商品加入购物车缓存
来源:互联网 发布:超神平刷软件 编辑:程序博客网 时间:2024/05/10 18:26
js代码:
//添加购物车事件方法 toCart: function (event) { //判断是否选中规格 this.checkInfo(); if (!this.data.chooseInfoFlag) { wx.showModal({ title: '提示', content: '请选择规格', showCancel: false, success:{} }) } else { //创建动画 var animation = wx.createAnimation({ duration: 100, timingFunction: 'ease-in-out' }); this.animation = animation; animation.translateY(-336).step(); this.setData({ animationData: this.animation.export(), maskVisual: 'show' }); //将购物车数据添加到缓存 var that = this //获取缓存中的已添加购物车信息 var cartItems = wx.getStorageSync('cartItems') || [] console.log(cartItems) //判断购物车缓存中是否已存在该货品 var exist = cartItems.find(function (ele) { return ele.id === that.data.goodsInfoId }) console.log(exist) if (exist) { //如果存在,则增加该货品的购买数量 exist.quantity = parseInt(exist.quantity) + that.data.buyCount } else { //如果不存在,传入该货品信息 cartItems.push({ id: that.data.goodsInfoId, quantity: that.data.buyCount, price: that.data.goodsInfoPrice, title: that.data.goodsVo.goodsName, goodsPicsInfo: that.data.goodsInfoImg }) } //加入购物车数据,存入缓存 wx.setStorage({ key: 'cartItems', data: cartItems, success: function (res) { //添加购物车的消息提示框 wx.showToast({ title: "添加购物车", icon: "success", durantion: 2000 }) } }) } }
阅读全文
0 0
- 小程序商城--将商品加入购物车缓存
- 【电商网站】将商品加入购物车代码
- Android将商品加入购物车的动画效果
- 学习淘淘商城第九十七课(商品详情页面对加入购物车进行改造)
- 淘淘商城系列——商品详情页面对加入购物车进行改造
- 微信小程序中商城购物车实例,追加删除购物车中个别商品实例
- 商品详情页面,点击按钮将对应的商品加入购物车
- 购物商城商品页面
- 购物车(一)展示商品,以及将商品加入购物车,jdbc连接oracle数据库(用连接池)
- 商城下单 js 加入购物车
- swift-商品加入购物车动画
- 商品加入购物车的动画
- 展示接口中的商品,加入购物车
- session技术—将商品加入购物车、验证码校验
- 淘淘商城系列——展示购物车商品列表
- 淘淘商城系列——修改购物车商品数量
- ECSHOP商品页加入购物车弹出仿淘宝效果
- 仿天猫加入购物车,商品做抛物线动画
- 基于Eclipse搭建Kettle插件调试环境的两种方法
- GoEasy(version 0.3.8)推送的使用方式
- 1111111111111111111
- 我的android多线程编程之路(1)之经验详解,源码分析
- js数组与字符串的相互转换方法
- 小程序商城--将商品加入购物车缓存
- 在linux上部署报错NoSuchMethodError
- lua tcp通讯封装 http通讯封装
- Android应用层View绘制流程与源码分析
- vtune中几个参数
- mac更新导致brew不能使用
- 学Java时遇见的错误集合(1)
- latex中,table的caption字母全部大写了,但是我们希望只有首字母是大写。
- 简介机器学习十大经典算法