feat: 修改样式

pages/other_package/productInfo/productInfo.vue

@@ -47,8 +47,9 @@
             }}</text>
             <text class="price_o">￥{{ orderInfo.adPrice }}</text>
           </view>
-          <view class="text-24" style="color: #ff5a5a; width: 120rpx; height: 38rpx" v-if="orderInfo.tag">
-            <image src="/static/shopping/tg.png" style="width: 120rpx; height: 38rpx"></image>
+          <view class="text-24" style="color: #ff5a5a; height: 38rpx; display: flex; align-items: center; gap: 5rpx" v-if="orderInfo?.goodsTagList">
+            <image v-for="val in orderInfo.goodsTagList" :src="val.icon" mode="heightFix" style="height: 38rpx">
+            </image>
           </view>
         </view>
         <view class="content_data_title">
@@ -125,7 +126,7 @@
         <text class="text-28 text-fu1">拆封后影响品质”或“影响二次销售的”不予退货。</text>
         <view class="tui-list">
           <view class="tui-box" :key="index" v-for="(item, index) in tuiList">
-            <image :src="`/static/new/tui_${index}.png`"></image>
+            <image :src="`https://static.tbmall.xin/static/new/tui_${index}.png`"></image>
             <text class="text-24 text-gray">{{ item }}</text>
           </view>
           <!-- tuiList -->
@@ -324,8 +325,9 @@
     <SharePopup ref="share" v-if="shareOpen" :show="shareShow" @close="onClose" @share="onShare" :id="id"
       :text="orderInfo.name ? orderInfo.name : ''" :price="orderInfo.minPrice ? orderInfo.minPrice : ''"
       :tu="swiperList.length && swiperList[0]"></SharePopup>
-    <EvaluateDialog ref="evaluateDialog" :show="evaluateDialogShow" @close="evaluateDialogShow = false" :evalId="id"
-      :mainGraph="orderInfo.mainGraph" :name="orderInfo.name"></EvaluateDialog>
+    <EvaluateDialog ref="evaluateDialog" v-if="evaluateDialogShow" :show="evaluateDialogShow"
+      @close="evaluateDialogShow = false" :evalId="id" :mainGraph="orderInfo.mainGraph" :name="orderInfo.name">
+    </EvaluateDialog>
     <view class="hideCanvasView">
       <canvas id="myCanvas" canvas-id="myCanvas" :style="{
         height: bgObj.height + 'px',
@@ -971,6 +973,10 @@ export default {
       if (this.isCoupon) {
         params.type = -1;
       }
+      if (this.activedType == "seckill") {
+        params["activityType"] = this.activedType; // 活动类型
+        params["activityId"] = this.activityId;// 秒杀活动ID
+      }
       const resp = await getGoodsSpecs(params);
       if (resp && resp.bizcode === 100) {
         const data = resp.data;
@@ -1145,9 +1151,10 @@ export default {
 }
 
 .product_info_warp {
-  height: 100vh;
+  min-height: 100vh;
   background-color: $app-bj;
-  overflow-y: auto;
+  padding-bottom: calc(160rpx + env(safe-area-inset-bottom) + 20rpx);
+  box-sizing: border-box;
 }
 
 .product_info_header_warp {
@@ -1359,7 +1366,7 @@ export default {
   border-radius: 24rpx;
   padding: 10rpx 10rpx 30rpx;
   margin-top: 30rpx;
-  margin-bottom: 200rpx;
+  // margin-bottom: 200rpx;
 
   .content_details_title {
     padding: 20rpx 30rpx;
@@ -1372,23 +1379,27 @@ export default {
 }
 
 .product_but_warp {
-  padding: 20rpx;
+  padding: 20rpx 20rpx calc(20rpx + env(safe-area-inset-bottom));
   position: fixed;
   bottom: 0;
-  height: 160rpx;
-  width: calc(100% - 40rpx);
+  left: 0;
+  right: 0;
+  height: calc(160rpx + env(safe-area-inset-bottom));
   background-color: #ffffff;
   display: flex;
   justify-content: space-between;
+  box-sizing: border-box;
+  z-index: 99;
 
   .product_but_left {
     display: flex;
     justify-content: space-between;
-    width: 36%;
+    // width: 225rpx;
     margin-top: 6rpx;
 
     .left_item {
-      width: 50%;
+      // width: 50%;
+      width: 78rpx;
       text-align: center;
       font-weight: 500;
       font-size: 20rpx;
@@ -1399,11 +1410,12 @@ export default {
 
 .product_but_right {
   display: flex;
-  justify-content: center;
+  justify-content: end;
+  flex: 1;
 
   .but_comm {
     text-align: center;
-    padding: 20rpx 40rpx;
+    padding: 20rpx 30rpx;
     color: #ffffff;
     height: 46rpx;
   }
@@ -1673,8 +1685,8 @@ export default {
   width: 100%;
   height: 100%;
   position: fixed;
-  top: 10000;
-  left: 10000;
+  top: 10000px;
+  left: 10000px;
   z-index: 1000000000000;
   // background-color: rgba(0,0,0,0.2);
   display: flex;