标签

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 {


 sub_pages/customer/trade/list.vue

@@ -3,11 +3,11 @@
    <view class="trade-list">

        <view class="category-detail flex" v-if="query.category">

            <view class="flex1 info">

                <view class="title flex">
                    <button open-type="contact" class="component-button-contact" >
                        {{categoryInfo.name||'-'}}
                        <image src="../../../static/common/icon-kf.png" class="icon-kf m-l-15 img100"></image>
                    </button>					
                <view class="title flex">

                    <button open-type="contact" class="component-button-contact">

                        {{categoryInfo.name||'-'}}

                        <image src="../../../static/common/icon-kf.png" class="icon-kf m-l-15 img100"></image>

                    </button>

                </view>

                <view class="desc">

                    规格：{{categoryInfo.unit || '暂无'}}

@@ -75,6 +75,15 @@
                            {{item.name||'-'}}

                            <view class="price">

                                ￥{{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">

@@ -221,8 +230,8 @@
                    columnStr: '',

                    column: '',

                    levelStr: '',

                    level: '',
                    supplierId:'',

                    level: '',

                    supplierId: '',

                },

                categoryInfo: {},

                params: [],

@@ -270,7 +279,7 @@
            this.query.category = options.categoryId || options.category || ''

            this.query.zoneId = options.zoneId || ''

            this.query.name = options.name || ''

            this.query.supplierName = options.supplierName || ''
            this.query.supplierName = options.supplierName || ''

            this.query.supplierId = options.supplierId || ''





@@ -335,7 +344,17 @@
            }

            this.refreshShopNum()

        },

        methods: {

        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;