From a587937ce53f79b4680e930b5d5f7fee33de5311 Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期三, 14 八月 2024 14:50:40 +0800
Subject: [PATCH] 标签
---
sub_pages/customer/trade/list.vue | 64 +++++++++++++++++++++++++++----
sub_pages/customer/shop/shop.vue | 51 +++++++++++++++++++++++--
2 files changed, 102 insertions(+), 13 deletions(-)
diff --git a/sub_pages/customer/shop/shop.vue b/sub_pages/customer/shop/shop.vue
index 2e44cdb..ec463fa 100644
--- a/sub_pages/customer/shop/shop.vue
+++ b/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 {
diff --git a/sub_pages/customer/trade/list.vue b/sub_pages/customer/trade/list.vue
index 64ba348..77af631 100644
--- a/sub_pages/customer/trade/list.vue
+++ b/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;
--
Gitblit v1.9.3