From 9b412eebdb923042d730e521344b1e2d51b47080 Mon Sep 17 00:00:00 2001
From: lifizer <913626195@qq.com>
Date: Tue, 30 Apr 2024 18:04:05 +0800
Subject: [PATCH] =?UTF-8?q?Fix(=E5=95=86=E5=93=81):[#1364]=E4=BA=A7?=
 =?UTF-8?q?=E5=93=81=E5=8F=82=E6=95=B0=E5=95=86=E5=93=81=E5=90=8D=E7=A7=B0?=
 =?UTF-8?q?=E8=87=AA=E5=8A=A8=E8=BD=AC=E8=A1=8C=E5=90=8E=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E7=BA=BF=E6=9C=AA=E5=BB=B6=E9=95=BF=EF=BC=8C=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E6=89=8B=E6=9C=BA=E4=BB=8D=E7=84=B6=E5=AD=98=E5=9C=A8=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/goods.less         | 12 +++++++++--
 pages/shop/GoodsCon/index.vue | 39 +++++++++++++++++++++++++++--------
 2 files changed, 40 insertions(+), 11 deletions(-)

diff --git a/assets/css/goods.less b/assets/css/goods.less
index 6fb714b..3b5ee89 100644
--- a/assets/css/goods.less
+++ b/assets/css/goods.less
@@ -182,8 +182,10 @@
 
       .title {
         width: 160rpx;
-        padding: 16rpx;
         color: #ADADAD;
+        .title-cont {
+          padding: 16rpx;
+        }
       }
     }
 
@@ -192,9 +194,15 @@
     }
 
     .value {
+      width: calc(100% - 160rpx);
+      border-left: 2rpx solid #D2D2D2;
+      .value-cont {
+        padding: 16rpx;
+      }
+    }
+    .btn {
       width: 100%;
       padding: 16rpx;
-      border-left: 2rpx solid #D2D2D2;
     }
   }
 }
\ No newline at end of file
diff --git a/pages/shop/GoodsCon/index.vue b/pages/shop/GoodsCon/index.vue
index 238bcdf..c6f3cec 100644
--- a/pages/shop/GoodsCon/index.vue
+++ b/pages/shop/GoodsCon/index.vue
@@ -245,18 +245,39 @@
         <!-- 门店信息结束 -->
 
         <!-- v6产品参数开始 -->
-        <view class="param-section goods-section"
-              v-if="Object.entries(storeInfo.exPropertiesData).length>0 && storeInfo.isTickets!==1">
+        <view
+          class="param-section goods-section"
+          v-if="Object.entries(storeInfo.exPropertiesData).length>0 && storeInfo.isTickets!==1"
+        >
           <view class="bold">产品参数</view>
           <view class="table">
-            <view class="row flex ai-center" v-for="(item,index) in storeInfo.exPropertiesData.slice(0,exSliceEnd)"
-                  :key="index">
-              <view class="title tc">{{ item.key }}</view>
-              <view class="value tc bold">{{ item.value }}</view>
+            <view
+              v-for="(item,index) in storeInfo.exPropertiesData.slice(0, exSliceEnd)"
+              :key="index"
+              class="row flex ai-center"
+            >
+              <view class="title tc">
+                <view class="title-cont">
+                  {{ item.key }}
+                </view>
+              </view>
+              <view class="value tc bold">
+                <view class="value-cont">
+                  {{ item.value }}
+                </view>
+              </view>
             </view>
-            <view class="row value tc" style="color:#666" @click="changeExEnd"
-                  v-if="storeInfo.exPropertiesData.length>3">
-              <uni-icons :type="exSliceEnd===3?'bottom':'top'" size="13" color="#707070"></uni-icons>
+            <view
+              v-if="storeInfo.exPropertiesData.length > 3"
+              class="row btn tc"
+              style="color:#666"
+              @click="changeExEnd"
+            >
+              <uni-icons
+                :type="exSliceEnd === 3 ? 'bottom' : 'top'"
+                size="13"
+                color="#707070"
+              ></uni-icons>
               点击{{ exSliceEnd === 3 ? '展开查看' : '折叠' }}更多参数
             </view>
           </view>