标签

xuxueyang

2024-08-14 a587937ce53f79b4680e930b5d5f7fee33de5311

 sub_pages/customer/shop/shop.vue

@@ -106,10 +106,19 @@
                        <view class="price">

                           ￥{{item.price}}/扎

                        </view>

                     </view>
                     <view class="tags" v-if="item.tags||false"  @click.stop="toDetail(item)">
                     <!--       <view class="tag red">限时抢购</view>
                        <view class="tag green">品质严选</view> -->
                        <view class="tag red" v-for="(tag,k) of item.tagArr" :class="[k===0?'red':'green']"
                           :key="tag">{{
                          tag
                        }}
                        </view>
                     </view>

                     <view class="shop-name" @click.stop="toDetail(item)">

                  <!--    <view class="shop-name" @click.stop="toDetail(item)">

                        {{item.categoryStr}}

                     </view>

                     </view> -->

                     <view class="other-info flex" @click.stop="toDetail(item)">

                        <view class="m-r-15">

                           已售:{{item.sales || 0}}

@@ -342,7 +351,17 @@
         //    this.getMore('post')

         // }

      },

      methods: {

      methods: {
         getList_after() {
            if (this.list) {
               for (var item of this.list) {
                  item.tagArr = []
                  if (item.tags) {
                     item.tagArr = item.tags.split(",") || []
                  }
               }
            }
         },



         async getDetail() {

            {

@@ -538,7 +557,31 @@
</script>



<style lang="scss" scoped>

   .brand-detail {

   .brand-detail {
      .tags {
         margin-top: 12rpx;
         display: flex;
		
         .tag {
            min-width: 80rpx;
            padding-left: 20rpx;
            padding-right: 20rpx;
            line-height: 36rpx;
            background: #FEE6E6;
            border-radius: 21rpx;
            font-size: 24rpx;
            color: #CD1212;
            margin-right: 12rpx;
            text-align: center;
         }
		
         .tag.green {
            color: rgba(110, 159, 102, 1);
            background: rgba(202, 229, 214, 1);
            border-radius: 21rpx;
            // opacity: 0.57;
         }
      }



      // min-height: 99vh;

      .brand-info {