陶杰
2024-12-23 d39644872fa6f9499fc2c1651bced631a9e96b19
pages/home/components/home-top-flow.vue
@@ -11,12 +11,20 @@
         <view class="m-l-12 info-container flex1">
            <view class="title">
               {{ item.name || '-' }}
               <view class="price">
                  ¥{{ item.price || 0 }}/扎
               <view style="max-width: 200rpx;word-break: break-all;">
                  {{ item.name || '-' }}
               </view>
               <!-- <span v-if="item.categoryStr" class="m-l-10">{{item.categoryStr || '-'}}</span> -->
               <view class="price component-price-new">
                  <span class="tip">会员价</span>¥<span class="p">{{item.priceMember||item.price}}</span>/扎
                  <view class="component-price-old">
                     ¥{{item.price}}/扎
                  </view>
               </view>
            </view>
            <view class="tags" v-if="item.tag">
            <view class="tags" v-if="item.tags">
               <view class="tag red" v-for="(tag,k) of item.tagArr" :class="[k===0?'red':'green']" :key="tag">{{
              tag
            }}
@@ -29,7 +37,7 @@
            </view>
            <view class="other-info flex">
               <view class="m-r-15">
                  已售:{{ item.sales || 0 }}
                  已售:{{ ((item.sales||0) +(item.realSales||0))  || 0 }}
               </view>
               <view class="m-r-15">
                  剩余:{{ item.stock || 0 }}
@@ -63,7 +71,14 @@
         this.page.current = 1
         this.getList('post')
      },
      methods: {
         init() {
            this.refreshList('post')
         },
         fun_GetMore() {
            this.getMore('post')
         },
         getList_after() {
            if (this.list) {
               for (var item of this.list) {
@@ -124,22 +139,22 @@
               display: flex;
               .tag {
                  min-width: 80rpx;
                  padding-left: 20rpx;
                  padding-right: 20rpx;
                  line-height: 36rpx;
                  // min-width: 60rpx;
                  padding-left: 10rpx;
                  padding-right: 10rpx;
                  line-height: 30rpx;
                  background: #FEE6E6;
                  border-radius: 21rpx;
                  font-size: 24rpx;
                  border-radius: 10rpx;
                  font-size: 18rpx;
                  color: #CD1212;
                  margin-right: 12rpx;
                  margin-right: 6rpx;
                  text-align: center;
               }
               .tag.green {
                  color: rgba(110, 159, 102, 1);
                  background: rgba(202, 229, 214, 1);
                  border-radius: 21rpx;
                  border-radius: 10rpx;
                  // opacity: 0.57;
               }
            }