Style(搜索):界面调整

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;