add 标签、列表、详情、商铺等

xuxueyang

2024-08-14 316effed051059575ff9f37a4b3ce4a92ccf934e

 sub_pages/customer/trade/detail.vue

@@ -57,6 +57,15 @@
               {{ dto.name || '-' }}

            </view>

         </view>



         <view class="tags" v-if="dto.tags||false">

            <!-- <view class="tag red">限时抢购</view> -->

            <!-- <view class="tag green">品质严选</view> -->

            <view class="tag red" v-for="(tag,k) of dto.tagArr" :class="[k===0?'red':'green']" :key="tag">{{

              tag

            }}

            </view>

         </view>

         <view class="desc m-t-12">

            <view class="m-r-15">已售:{{ dto.sales || 0 }}</view>

            <view class="m-r-15">剩余:{{ dto.stock || 0 }}</view>

@@ -449,6 +458,11 @@
               if (!this.dto.bannerList) {

                  this.dto.bannerList = []

               }

               if (this.dto.tags) {

                  this.dto.tagArr = this.dto.tags.split(",") || []

               } else {

                  this.dto.tagArr = []

               }

            }



            this.$message.hideLoading()

@@ -538,7 +552,8 @@
            background-color: #fff;

            border-radius: 8rpx;

            position: relative;

            .index-tag{



            .index-tag {

               position: absolute;

               color: #fff;

               font-size: 22rpx;

@@ -571,6 +586,31 @@
         padding: 46rpx 30rpx;

         border-radius: 40rpx 40rpx 0rpx 0rpx;



         .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;

            }

         }



         .title {

            font-weight: 600;

            font-size: 36rpx;