fix: 商品详情页面、积分商品详情页面添加已售罄按钮

pages/goods/index.vue

@@ -120,6 +120,9 @@
               立即购买
             </button>
           </view>
+          <view class="buy-box ss-flex ss-col-center ss-p-r-20" v-else>
+            <button class="ss-reset-button disabled-btn" disabled> 已售罄 </button>
+          </view>
         </detail-tabbar>
         <s-coupon-get
           v-model="state.couponInfo"
@@ -377,6 +380,13 @@
       background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
       color: $white;
     }
+    .disabled-btn {
+      width: 428rpx;
+      height: 72rpx;
+      border-radius: 40rpx;
+      background: #999999;
+      color: $white;
+    }
   }
 
   .model-box {

pages/goods/score.vue

@@ -89,6 +89,11 @@
               立即兑换
             </button>
           </view>
+          <view class="buy-box ss-flex ss-col-center ss-p-r-20" v-else>
+            <button class="ss-reset-button disabled-btn" disabled>
+              已兑完
+            </button>
+          </view>
         </detail-tabbar>
       </block>
     </s-layout>
@@ -290,6 +295,13 @@
       background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
       color: $white;
     }
+    .disabled-btn {
+      width: 630rpx;
+      height: 80rpx;
+      border-radius: 40rpx;
+      background: #999999;
+      color: $white;
+    }
   }
 
   //秒杀卡片