微信小程序> 小程序购物车功能实现

小程序购物车功能实现

浏览量:473 时间: 来源:hql1024
!--pages/cart1/cart1.wxml--view class="J-shopping-cart-empty" wx:if="{{iscart}}"view class="shopping-cart-empty"view class='shopping-img'image src='https://sucai.suoluomei.cn/sucai_zs/images/20191203153840-10_03.png'/image/viewview class='empty-text'您还没有选购任何商品/viewview  hover-class='none' view class="button-qgg" bindtap="quguangguang"去逛逛/view/view/view/viewview class="scroll" wx:if="{{hidden}}"scroll-view class="scroll" scroll-y="true"view class="separate"/viewview wx:for="{{carts}}" wx:keyview class="cart_container"view wx:if="{{!item.selected}}" class='cart_yuan'!-- icon class="item-select" bindtap="switchSelect" data-index="{{index}}" data-id="{{index}}" type="circle" size="20"/icon --view class="flex-item flex-item-V demo-text-1 radius" bindtap="switchSelect" data-index="{{index}}" data-id="{{index}}"/view/viewview wx:elif="{{item.selected}}" class='cart_yuan'icon class="item-select" bindtap="switchSelect" data-index="{{index}}" data-id="{{index}}" type="success" color="#00c6c2" size="22"/icon/viewimage class="item-image" src="{{pic_domain}}{{item.original_img}}" mode='aspectFill'/image!-- image class="item-image" src="https://cdn-px-output.suoluomei.cn/ydnshop/Public/upload/goods/2017/07-27/59795d80e53cd.jpg"/image --image class='item-image_del' bindtap="delGoods" id="img{{index}}" data-index="{{index}}" src="https://cdn.suoluomei.com/hplshop/Public/douyin/douyinshop/splice.png"/imageimport src="../template/template.wxml" /view class="column"text class="title"{{item.goods_name}}/textview class=""!-- view class="sku-price"{{item.price * item.goods_num}}/span style="font-size:28rpx;color:red;"金卡价:{{item.price_discounts * item.goods_num}}/span/view --view class="sku-price"{{item.price * item.goods_num}}/viewview class="sku"view class="quantity-position"view class="stepper"text class="sign {{count = 1 ? 'disabled' : 'normal'}}" bindtap="delCount" data-index="{{index}}"-/textinput class="number" type="number" bindchange="bindManual" value="{{item.goods_num}}" disabled="disabled" /                  text class="sign {{count = 10 ? 'disabled' : 'normal'}}" bindtap="addCount" data-index="{{index}}"+/text                /view              /view            /view          /view          !-- view class='box-packed'1盒装/view --        /view      /view      view class="separate"/view    /view    view class="kongBai"        /view  /scroll-view/viewview class="bottom_total" wx:if="{{hidden}}"  !-- view class="bottom_line"/view --  view class="row"    view class='item-all-Box' wx:if="{{!isAllSelect}}"view class="flex-item flex-item-V demo-text-1 radius" bindtap="allSelect"/view    /view    view class='item-all-Box' wx:elif="{{isAllSelect}}"      icon class="item-allselect" bindtap="allSelect" type="success" color="#00c6c2" size="20"/icon    /view    text class="small_text"全选/text    text class="price"总计:{{totalMoney}}/text    button class="button-red" bindtap="getUserInfo4" formType="submit"去结算/button  /view/view
// pages/cart1/cart1.jsconst app = getApp()Page({  /**   * 页面的初始数据   */  data: {    carts: [], //数据     iscart: false,    hidden: false,    isAllSelect: false,    totalMoney: 0,    isRegister: false,    vip_id: '',    mobile: '',    customerid: '',    pic_domain: '',    can_getuserinfos: '',    can_getuserinfo: wx.getStorage({      key: '',      success: function (res) { },    }),  },  /**   * 生命周期函数--监听页面加载   */  onLoad: function (options) {    // console.log(options)    let that = this    // 获取产品    let order_share    // let order_share    // if (options !== undefined) {    //   order_share = options.order_share_id || 0    // }    // if (order_share  0) {    //   tt.request({    //     url: app.urlData.getURL + '/index.php/api/JApi/index/key/' + app.urlData.key + '/m/updateLeadingShareId/wid/' + app.urlData.wid + '/sign/' + tt.getStorageSync('ydnsign'),    //     method: "post",    //     header: {    //       "Content-Type": "application/x-www-form-urlencoded"    //     },    //     data: {    //       leading_user_id: order_share,    //       page_src: 'pages/shopCart/shopCart?order_share_id=' + order_share    //     },    //     success: (res) = {    //     }    //   })    // }  },  onShow: function () {    let that = this    // 获取产品    wx.request({      url: app.urlData.getURL + '/index.php/api/JApi/index/key/' + app.urlData.key + '/m/cartIndex/wid/' + app.urlData.wid + '/sign/' + wx.getStorageSync('ydnsign'),      data: {},      header: {        'content-type': 'application/json' // 默认值      },      success: (res) = {        console.log('购物车列表', res)        if (res.data.status == 1) {          that.data.totalMoney = 0          let len = 0          for (let i = 0; i  res.data.data.length; i++) {            if (res.data.data[i].selected == 1) {              len++              if (wx.getStorageSync('is_vip') == 1) {                that.data.totalMoney = that.data.totalMoney + (res.data.data[i].price_discounts * res.data.data[i].goods_num);              } else {                that.data.totalMoney = that.data.totalMoney + (res
              
              
            

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎