标签

xuxueyang

2024-08-14 a587937ce53f79b4680e930b5d5f7fee33de5311

标签

 sub_pages/customer/shop/shop.vue

@@ -107,9 +107,18 @@
                                    ￥{{item.price}}/扎

                                </view>

                            </view>

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

                                {{item.categoryStr}}

                            <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)">

                                {{item.categoryStr}}

                            </view> -->

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

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

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

@@ -343,6 +352,16 @@
            // }

        },

        methods: {

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



            async getDetail() {

                {

@@ -539,6 +558,30 @@


<style lang="scss" scoped>

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


 sub_pages/customer/trade/list.vue

@@ -77,6 +77,15 @@
                                ￥{{item.price||0}}元/扎

                            </view>

                        </view>

                        <view class="tags" v-if="item.tags">

                            <!--     <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">

                            {{item.supplierName}}

                        </view>

@@ -336,6 +345,16 @@
            this.refreshShopNum()

        },

        methods: {

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

            async refreshShopNum() {

                this.shoptotal = await this.$store.dispatch('countShopping');

            },

@@ -502,6 +521,31 @@
    .trade-list {

        padding: 24rpx 30rpx;



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

            }

        }



        .category-detail {

            padding: 22rpx 38rpx;

            margin-bottom: 10rpx;

@@ -530,6 +574,8 @@
                }

            }







            .info-price {

                padding: 22rpx;

                text-align: center;