From 1284affc10823480887a46d8d4a4adeb9074f79a Mon Sep 17 00:00:00 2001
From: lifizer <913626195@qq.com>
Date: Tue, 9 Apr 2024 09:40:06 +0800
Subject: [PATCH] =?UTF-8?q?Style(=E6=90=9C=E7=B4=A2):=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/shop/GoodsList/index.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/pages/shop/GoodsList/index.vue b/pages/shop/GoodsList/index.vue
index a69c776..def431b 100644
--- a/pages/shop/GoodsList/index.vue
+++ b/pages/shop/GoodsList/index.vue
@@ -104,7 +104,10 @@
                 {{ item.name }}
               </view>
               <view class="type">
-                {{ item.typeName || ' ' }}
+                <view v-if="item.typeName" class="type-tag">
+                  {{ item.typeName }}
+                </view>
+                <view v-else>&nbsp;</view>
               </view>
               <view class="desc">
                 <view class="tip one-t">
@@ -117,6 +120,7 @@
           <view v-if="item.products" class="good-list">
             <view
               v-for="(good) in item.products"
+              :key="good.productId"
               class="good-item"
               @click="goGoodsCon(good.productId)"
             >
@@ -425,12 +429,20 @@ export default {
       font-weight: bold;
     }
     .type {
+      display: flex;
       margin: 10rpx 0 0 0;
+      .type-tag {
+        padding: 4px 8px;
+        border-radius: 3px;
+        font-size: 12px;
+        color: #946300;
+        background: linear-gradient(to bottom, #FDF8B9, #E3A72C);
+      }
     }
     .desc {
       display: flex;
       justify-content: space-between;
-      margin: 10rpx 0 0 0;
+      align-items: center;
       font-size: 14px;
       .tip {
         flex: 1;