zoukankan      html  css  js  c++  java
  • 加入购物车的功能wepy

    1.先有一个加入购物车的按钮

                  <view wx:if="{{(detaildata.boughtNum < detaildata.buy_limit) && detaildata.stock_num > 0}}">
                        <button class="nav-detail add-car" open-type="getUserInfo"  bindgetuserinfo="addcar" plain="true">加入购物车</button>
                        <button open-type="getUserInfo" class="nav-detail go-buy" bindgetuserinfo="toBuy" plain="true">马上购买</button>
                    </view>
                       
    

    2.点击之后的操作

         async addcar(){
                var self = this;
                let result = await api.shoppingCardList({}).then(res=>res)
                if(result.data.code == 200){
                    self.carlist = result.data.data.onsale
                    self.carlistnum = result.data.data.onsale.length > 0?String(result.data.data.onsale.length):0
                    self.$apply();
                    if(self.carlist.length > 0){  //当购物车列表有数据,判断购物车是否有该商品
                        for(var i=0;i < self.carlist.length;i++){
                            if(self.carlist[i].prdId == self.prdId){ //当购物车已有该商品
                                if(parseInt(self.carlist[i].buy_num) >= self.detaildata.buy_limit_remain || parseInt(self.carlist[i].buy_num) >= self.detaildata.buy_limit){ 
                                    //判断购物车该商品的购买量是否已达上限
                                    self.$parent.toasttips('你已达到每人限购的数量', 'none')
                                    return;
                                }
                            }
                        }
                    }
                    // 没达到上限,可继续购买
                    self.addincar();                           
                }else if(result.data.code == 204){
                    // 无记录
                    self.carlist = []
                    self.$apply();
                    self.addincar();
                }else if(result.data.code == 401){
                    // 存储触发登录的来源
                    wx.setStorageSync('prodetailsource','addbuy')
                    // 未登录
                    self.$broadcast('userLogin')
                }
            }
    
    

    3.添加到购物车的一个功能

      // 添加购物车
            addincar(){
                var self = this;
                const add2ShoppingCard = api.add2ShoppingCard(self.prdId,1);
    
                    add2ShoppingCard.then((result) => {
                        
                        if(result.data.code == 200){
                            this.$parent.globalData.is_shoppingCard_update = true;
    
                            self.$parent.toasttips('添加成功,在购物车等亲', 'none')
                            self.getcarlist()
                            
                        }else if(result.data.code == 401){
                            // 存储触发登录的来源
                            wx.setStorageSync('prodetailsource','addbuy')
                            // 未登录
                            self.$broadcast('userLogin')
                        }
    
                    }).catch((err) => {
                          
                    });
            }
    

    页面效果可以搜 放心购小程序

  • 相关阅读:
    常见ETL工具一览
    php语言查询Mysql数据库内容
    修改博客园模板样式
    《将博客搬至CSDN》
    使用 Git 和 GitHub 托管项目源码
    Delphi webbrowser 的一些方法
    Delphi 实现 图灵机器人API(IDHTTP POST )
    Delphi 中调用JS文件中的方法
    HTTP 常见异常状态及Delphi IDHTTP 控件处理方式
    Delphi Cookie获取及使用
  • 原文地址:https://www.cnblogs.com/antyhouse/p/9849733.html
Copyright © 2011-2022 走看看