feat：优化

pages/home/home.vue

@@ -263,13 +263,6 @@ export default {
       superGoodsList: [], // 超级补贴商品列表
       homeActivedList: [
         {
-          id: 1,
-          title: "超级补贴",
-          title_icon: "https://static.tbmall.xin/static/new-home/home_9.png",
-          path: "super-subsidy",
-          rightText: "官方补贴 .100%正品",
-          activedType: "super",
-        }, {
           id: 2,
           title: "活动预告",
           title_text: "限时秒杀",
@@ -277,7 +270,14 @@ export default {
           path: "limited-time",
           rightText: "专属补贴 . 低价秒杀",
           activedType: "seckill",
-        },
+        }, {
+          id: 1,
+          title: "超级补贴",
+          title_icon: "https://static.tbmall.xin/static/new-home/home_9.png",
+          path: "super-subsidy",
+          rightText: "官方补贴 .100%正品",
+          activedType: "super",
+        }
       ], // 首页活动列表
       activedTabId: "seckill", // 当前选中的活动类型
       attributes: {},

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'
@@ -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);
     }
   }