From 89dbd323511d00e83035cc65de4374adfed55f1c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?lemon=E6=A9=AA?= <17633066053@163.com>
Date: Fri, 19 Nov 2021 15:49:42 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=95=86=E5=93=81=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E4=B8=AD=E5=9B=BE=E7=89=87=E6=9C=89=E7=A9=BA=E6=A0=BC?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/product/product/goods/-goods-intro.vue | 39 ++++++++++++--------
 1 file changed, 24 insertions(+), 15 deletions(-)

diff --git a/pages/product/product/goods/-goods-intro.vue b/pages/product/product/goods/-goods-intro.vue
index 69d24dd..32fc5a7 100644
--- a/pages/product/product/goods/-goods-intro.vue
+++ b/pages/product/product/goods/-goods-intro.vue
@@ -8,7 +8,8 @@
             </div>
           </div>
           <u-empty class="empty" text="暂无商品介绍" mode="data" v-if="!res.mobileIntro"></u-empty>
-          <u-parse class="vhtml" :lazy-load="true" :use-cache="true" :show-with-animation="true" :html="res.mobileIntro"></u-parse>
+          <u-parse class="vhtml" :lazy-load="true" :use-cache="true" :show-with-animation="true"
+            :html="res.mobileIntro"></u-parse>
         </view>
       </view>
     </view>
@@ -21,17 +22,17 @@
           </div>
           <!-- <u-divider>商品参数</u-divider> -->
           <div class="param-list" v-if="goodsParams.length == 0">
-              <u-empty text="暂无商品参数" mode="list"></u-empty>
+            <u-empty text="暂无商品参数" mode="list"></u-empty>
+          </div>
+          <div class="params-group" v-for="(group,groupIndex) in goodsParams" :key="groupIndex">
+            <view style="font-weight: bold;margin-left: 10px;">{{group.groupName}}</view>
+            <div class="param-list">
+              <div class="param-item" v-for="(param,index) in group.goodsParamsItemDTOList" :key="index">
+                <div class="param-left">{{param.paramName}}</div>
+                <div class="param-right">{{param.paramValue}}</div>
+              </div>
+            </div>
           </div>
-		  <div class="params-group" v-for="(group,groupIndex) in goodsParams" :key="groupIndex">
-			<view style="font-weight: bold;margin-left: 10px;">{{group.groupName}}</view> 
-			<div class="param-list">
-			  <div class="param-item" v-for="(param,index) in group.goodsParamsItemDTOList" :key="index">
-			    <div class="param-left">{{param.paramName}}</div>
-			    <div class="param-right">{{param.paramValue}}</div>
-			  </div>
-			</div>
-		  </div>
         </view>
       </view>
     </view>
@@ -43,16 +44,15 @@ import { getGoodsMessage } from "@/api/goods";
 export default {
   data() {
     return {
-      goodsDetail: ""
+      goodsDetail: "",
     };
   },
   props: ["res", "goodsId", "goodsParams"],
   async mounted() {
-	  console.log(this.res)
+    console.log(this.res);
     let res = await getGoodsMessage(this.goodsId);
     if (res.data.success) {
       this.goodsDetail = res.data.result;
-     
     }
   },
 };
@@ -103,6 +103,11 @@ export default {
 
   width: 100%;
 }
+.vhtml {
+  /deep/ img {
+    display: block !important;
+  }
+}
 
 /deep/ img {
   width: 100%;
@@ -126,7 +131,11 @@ export default {
       width: 52rpx;
       height: 6rpx;
 
-      background-image: linear-gradient(90deg, $price-color, $price-light-color);
+      background-image: linear-gradient(
+        90deg,
+        $price-color,
+        $price-light-color
+      );
     }
   }
   > .goods-detail-item {