Fix(商品):[#1364]产品参数商品名称自动转行后表格线未延长，部分手机仍然存在问题

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;
     }
   }
 }

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>