MrShi
20 小时以前 56d7ebbc6297c306ec7197f29737a59703ca4bda
mini-program/pages/mall/mall.vue
@@ -12,15 +12,15 @@
               </view>
            </view>
            <view class="head-tabs">
               <u-tabs lineColor="#E4001D" :list="list" @click="clickCate"></u-tabs>
               <u-tabs lineColor="#E4001D" :itemStyle="{ height: '100rpx' }" :list="list" @click="clickCate"></u-tabs>
            </view>
         </view>
         
         <view class="head-list">
            <view class="head-list-item" @click="openSearch(1)">
               <text :style="form.sortInfo ? 'color: #222222; font-weight: 500;' : ''">{{form.sortName}}</text>
               <u-icon name="arrow-down" color="#222222" size="13" v-if="form.sortInfo && !show"></u-icon>
               <u-icon name="arrow-up" color="#222222" size="13" v-else-if="form.sortInfo && show === 1"></u-icon>
               <text :style="String(form.sortInfo) ? 'color: #222222; font-weight: 500;' : ''">{{form.sortName}}</text>
               <u-icon name="arrow-down" color="#222222" size="13" v-if="String(form.sortInfo) && !show"></u-icon>
               <u-icon name="arrow-up" color="#222222" size="13" v-else-if="String(form.sortInfo) && show === 1"></u-icon>
               <u-icon name="arrow-down" color="#777777" size="13" v-else></u-icon>
            </view>
            <view class="head-list-item" @click="openSearch(2)">
@@ -58,7 +58,7 @@
      </view>
      <view class="commodity">
         <view class="commodity-wu" v-if="goodsList.length === 0">
            <image src="/static/images/default_search@2x.png" mode="widthFix"></image>
            <image src="/static/images/default_nodata_white.png" mode="widthFix"></image>
         </view>
         <view class="commodity-item" v-else v-for="(item, i) in goodsList" :key="i" @click="jumpDetails(item.id)">
            <view class="commodity-item-image">
@@ -78,7 +78,7 @@
                  </view>
               </view>
               <view class="commodity-item-shou">
                  <text>已售{{item.saleNum + item.realSaleNum}}</text>
                  <text>已售{{item.shou}}</text>
                  <view class="commodity-item-shou-add" @click.stop="addCard(item)">+</view>
               </view>
            </view>
@@ -212,11 +212,11 @@
            }
            this.$u.api.addCart({
               goodsId: e.id,
               goodsSkuId: e.skuResponsesList[0].id,
               goodsSkuId: e.goodsSkuResponseList[0].id,
               num: 1
            }).then(res => {
               if (res.code === 200) {
                  uni.showToast({ title: '添加成功', icon: 'success' })
                  uni.showToast({ title: '添加成功', icon: 'success', mask: true })
                  this.getCartNum()
               }
            })
@@ -237,6 +237,7 @@
               if (res.code === 200) {
                  res.data.records.forEach(item => {
                     item.minPrice = item.minPrice.toFixed(2).split('.')
                     item.shou = (item.salenum || 0) + (item.realSaleNum || 0)
                  })
                  this.goodsList.push(...res.data.records)
                  this.page++
@@ -268,6 +269,8 @@
         },
         // 系列
         getXiLie(parentId, i) {
            this.form.seriesBrandId = ''
            this.form.seriesBrandName = ''
            this.xilie = []
            this.pingpai.forEach((item, index) => {
               item.active = index === i
@@ -417,6 +420,7 @@
            .commodity-item-image {
               width: 100%;
               height: 336rpx;
               overflow: hidden;
               display: flex;
               align-items: center;
               justify-content: center;
@@ -429,6 +433,11 @@
               padding: 20rpx;
               box-sizing: border-box;
               .commodity-item-box-title {
                  width: 100%;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 2;
                  overflow: hidden;
                  font-weight: 600;
                  font-size: 30rpx;
                  color: #222222;
@@ -519,8 +528,8 @@
            .head-tabs {
               width: 100%;
               height: 100rpx;
               display: flex;
               align-items: flex-end;
               // display: flex;
               // align-items: flex-end;
               border-bottom: 1rpx solid #E5E5E5;
            }
         }