feat：优化

pages/other_package/productInfo/productInfo.vue

@@ -144,7 +144,7 @@
     <view class="product_but_warp">
       <view class="product_but_left">
         <view class="left_item">
-          <up-image src="/static/column/home.png" width="20" height="20" bgColor="#f1f6ff00"
+          <up-image src="/static/product/home_1.png" width="20" height="20" bgColor="#f1f6ff00"
             @click="jumpOther('home')"></up-image>
           <view>首页</view>
         </view>
@@ -165,7 +165,7 @@
         </view>
         <!-- 限时秒杀现在要改为展示购物车icon 并且立即购买按钮变长一点 -->
         <view class="but_comm buy_warp" :class="{ 'border-16': isShowCart || isCoupon }"
-          :style="isCoupon ? 'width: 400rpx' : ''" @click="checkSpecification(true, 'buy')">
+          :style="isShowCart ? 'width: 360rpx' : ''" @click="checkSpecification(true, 'buy')">
           立即购买
         </view>
       </view>
@@ -241,7 +241,7 @@
         <!-- 规格 -->
         <view class="specification_list_warp">
           <view v-for="(item, index) in specificationList" :key="item.id" class="list_warp">
-            <view class="list_title_warp">{{ item.type }}</view>
+            <view class="list_title_warp">{{ item.type }} <text></text></view>
             <view class="specification_item_warp">
               <view :class="oItem.disabled || oItem.inventory === 0
                 ? 'item_Warp item_Warp_no_warp'
@@ -1251,7 +1251,7 @@ export default {
           url = `/pages/order_package/order_submit/order_submit?sed=${JSON.stringify(
             params
           )}&address=${this.selectAddress?.id}`;
-             this.specificationShow = false;
+          this.specificationShow = false;
         }
 
         uni.navigateTo({
@@ -1691,35 +1691,42 @@ export default {
     }
 
     .specification_item_warp {
-      // display: flex;
-      justify-content: space-between;
-      display: flex;
-      flex-wrap: wrap;
-      align-items: center;
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 20rpx 24rpx;
+      margin-top: 16rpx;
     }
 
     .item_Warp {
-      width: 48%;
+      width: 100%;
+      min-width: 0;
+      box-sizing: border-box;
+      padding: 0 12rpx;
       background: $app-bj;
       border-radius: 10rpx;
       color: #333333;
       text-align: center;
-      padding: 10rpx 0;
-      margin-top: 13rpx;
       font-size: 26rpx;
       font-weight: 500;
+      height: 56rpx;
+      line-height: 54rpx;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      border: 1px solid transparent;
     }
 
     .item_Warp_no_warp {
       background: #f5f5f5;
       color: #999999;
       text-decoration-line: line-through;
+      border-color: transparent;
     }
 
     .item_Warp_yes_warp {
-      border: 1px solid $app-bt-bj;
+      border-color: $app-bt-bj;
       color: $app-bt-bj;
-      background: #ffffff;
+      background: rgba(121, 52, 246, 0.1);
     }
   }