码迷,mamicode.com
首页 > 其他好文 > 详细

加入购物车的功能wepy

时间:2018-10-25 17:07:48      阅读:327      评论:0      收藏:0      [点我收藏+]

标签:登录   app   open   amp   tip   tca   操作   inf   购物车   

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) => {
                      
                });
        }

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

加入购物车的功能wepy

标签:登录   app   open   amp   tip   tca   操作   inf   购物车   

原文地址:https://www.cnblogs.com/antyhouse/p/9849733.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!