金沙官网线上微信小程序购物车-多商家-多商品

```

    allprice: 0,        //总家

    }

    let curt = this.data.curt;//当前是哪个分类下的菜

        } else {

              <view class='right-cai'>

    curindex: 0,         //当前index

              <!--具体的菜-->

          console.log(e.errMsg)

    let allnum = 0;

        title: '商品为空!',

  }

    }

    this.setData({

    }

    } else {

        if (e.errMsg === 'showToast:ok') {

          <view wx:for="{{shops.lefttitle}}">

        ```

    this.getAll() //计算总计

    for (let i = 0; i < cai.length; i++) {

```

```

        url: '../pay/pay?allprice=' + allprice + '&title=' + title 

    let allcainame=""

                  <text class='add' catchtap="add" data-index="{{caiindex}}">+</text>

      }

    this.setData({

    let allprice = this.data.allprice;

    let cai = this.data.cai;

 

    this.setData({

                  <text class='cainum' wx:if="{{cai.num===0?false:true}}">{{cai.num}}</text>

  }

      //商品数量不能为0

      })

 //跳转支付页面

<view class='left-nav'>

    cai[curt][index].num = num

          </view>

        </view>

 minus(e) {

    let num = cai[curt][index].num;//当前菜的数量

    let title = this.data.shops.title;

+ id 为index页面传过来的商家 id;依据商家id来显示不同商家

                </view>

### 下面就是分类下的布局 

    let index = e.currentTarget.dataset.index

  add(e) {

      cai: cai   //更新菜

    this.getAll()

#### 先来看下增加的计算逻辑

# 具体代码

            <view wx:for="{{cai[curt]}}" wx:for-item="cai" wx:for-index="caiindex">

+ 切换代码就不看了,主要是拿到分类的id=>curt

    if (num <= 0) {

    num--;

 + https://github.com/cxy-js/wechat-shop

```

  },

    if (this.data.allnum === 0) {

  }

         //计算总价

 #### 减少的计算逻辑与增加超不多

              <text class='t'>{{item.lefttitle}}</text>

  

+ 进入商家页面 后的布局;头部就不看了,主要看菜的分类以及都有哪些菜

                <view class='middle'>

      this.getAll()

 ### 注意一切已数据为中心!!

 ```

      cai: cai

    allnum: 0          //总商品数

      title: '成功',

            <!--一句curt来显示不是菜 curt===分类id-->

      for (let j = 0; j < c.length; j++) {

    })

 在这里传递的数据都可以带入到支付页面

+ shops页面data数据

 ### 最后点击去结算的跳转

      return

 

      })

  

      success: (e) => {

            cai: data.shops[id].cai

 ## 结束需要代码请移步到我的github

    let num = cai[curt][index].num;

    let total = 0;

 //增加商品数量

    let cai = this.data.cai;

    })

  ```

                <view class='btn'>

    let curt = this.data.curt;//当前是哪个分类下的菜

    });

 点击按钮时依据哪个分类下的哪个菜来区分;每点击一次商品数量+1;最后需要实时计算价格  this.getAll()

 onLoad: function (options) {

                  <text class='price'>¥{{cai.price}}</text>

在这之前需要在商品以及评价的切换中拿到curt,curt就是分类的id

    idx: 0,

          this.setData({

 ```

```

    //传递菜馆名,总价

 多了一个判断而已

      allnum: allnum

                </view>

                  <text class='add' catchtap="minus" data-index="{{caiindex}}" wx:if="{{cai.num===0?false:true}}">-</text>

      wx.navigateTo({

 ```

 ```

```

  getAll() {

    //重新赋值数量

 

      wx.showModal({

              </view>

 ```

  

  }

    shops: {},           //商品

            shops: data.shops[id],

    // console.log(this.data.shops)

        content: '您选择商品了吗?',

    ishow: 1,

    })

 里面都有注释也不难看懂,就不解释了!!!

      let c = cai[i];

      allprice: total,

        total += num * price

            <view class="shops-left-title {{curt == item.id ? 'bg' : ''}}" catchtap="goIndex" data-id="{{item.id}}" data-index="{{index}}">

                  <text class='shou'>月售{{cai.shou}}</text>

 判断一下是否有商品

                <image src="{{cai.img}}"></image>

          })

    let cai = this.data.cai;

                <!--加减按钮-->

    //循环当前类别菜数组

        let num = c[j].num

主要看shops页面,

                  <text>{{cai.cainame}}</text>

      }

    //商家详情本地请求资源

前提:获取基本的数据,由于数据太长,还请下载项目后查看,github地址:https://github.com/cxy-js/wechat-shop

  //计算总价

主要看一下购物车的计算过程

```

    wx.showToast({

 ```

 ```

  getAllprice() {

 data: {

+ 菜品切换

            </view>

        //计算总商品数        

    let index = e.currentTarget.dataset.index

 #### 接下来就是计算总价格

          <view class='cai'>

  },

实现后的基本样式

        allnum += num

    curt: 0,             //分类id

    let cainame = this.data.cainame;

        let price = c[j].price;

          console.log(this.data.cai)

      return false;

          </view>

    num++;

        }

      duration: 500,

 </scroll-view>

    let id = options.id;

<scroll-view scroll-y class='scroll'>

            </view>

    cai: [],             //菜的数组

    cai[curt][index].num = num //点击后菜的数量

本文由金沙官网线上发布于Web前端,转载请注明出处:金沙官网线上微信小程序购物车-多商家-多商品

您可能还会对下面的文章感兴趣: