feat: 小程序界面优化

pages/other_package/nine-grid/nine-grid.vue

@@ -14,13 +14,13 @@
     <view class="remain-count"> 剩余抽奖次数: {{ prizesObj.times }} </view>
 
     <!-- 九宫格抽奖组件 -->
-    <!-- <LotteryGrid
+    <LotteryGrid
       :prizesObj="prizesObj"
       :remainCount="prizesObj.times"
       :is-disabled="isRotating"
       @start="handleStartLottery"
       @complete="handleLotteryComplete"
-    /> -->
+    />
     <view class="notice-view">
       <view class="notice-li">
         <u-notice-bar
@@ -40,21 +40,20 @@
     </view>
 
     <!-- 中奖结果弹窗 -->
-    <!-- #ifdef APP-PLUS -->
-    <!-- <ResultModal :visible="showResult" :prize="currentPrize" @close="showResult = false" /> -->
-    <!-- #endif -->
+    <ResultModal :visible="showResult" :prize="currentPrize" @close="showResult = false" />
+
   </view>
 </template>
 
 <script>
-// import LotteryGrid from "./components/LotteryGrid.vue";
-// import ResultModal from './components/ResultModal.vue'
+import LotteryGrid from "./components/LotteryGrid.vue";
+import ResultModal from './components/ResultModal.vue'
 import { getActivityList, getCommonRaffle } from "@/api/raffle.js";
 
 export default {
   components: {
-    // LotteryGrid,
-    // ResultModal
+    LotteryGrid,
+    ResultModal
   },
   data() {
     return {
@@ -72,14 +71,14 @@ export default {
       backPath: null,
     };
   },
-  // onLoad(option) {
-  //   const backPath = option.backPath;
-  //   console.log("option backPath", backPath);
-  //   if (backPath && backPath !== "null") {
-  //     this.backPath = backPath;
-  //   }
-  //   this.getCommon();
-  // },
+  onLoad(option) {
+    const backPath = option.backPath;
+    console.log("option backPath", backPath);
+    if (backPath && backPath !== "null") {
+      this.backPath = backPath;
+    }
+    this.getCommon();
+  },
   mounted() {
     this.getActivityList();
   },
@@ -160,7 +159,7 @@ export default {
 };
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .notice-view {
   width: 100%;
   min-height: 64rpx;

pages/other_package/productInfo/productInfo.vue

@@ -136,7 +136,7 @@
       <!-- 商品详情 -->
       <view class="content_details">
         <view class="content_details_title">商品详情</view>
-        <view v-html="orderInfo.detailInfo"></view>
+        <view v-html="detailRich" class="content_details_content"></view>
       </view>
     </view>
 
@@ -432,6 +432,7 @@ export default {
       activedType: "", // 活动类型
       activityId: "", // 秒杀活动ID
       skuBySpecInfo: {},
+      detailRich: "",
     };
   },
   onBackPress(options) {
@@ -902,6 +903,11 @@ export default {
 
         console.log("查询详细内容---", data)
         this.orderInfo = data;
+        this.detailRich = this.orderInfo.detailInfo.replace(
+          /<img([^>]*?)>/gi,
+          '<img$1 style="max-width:100%;height:auto;display:block;">'
+        );
+
       }
     },
     /**
@@ -1305,6 +1311,10 @@ export default {
   .product_info_header_swiper {
     height: 800rpx !important;
 
+    .u-swiper {
+      height: 800rpx !important;
+    }
+
     ::v-deep(.u-swiper__wrapper) {
       height: 800rpx !important;
 
@@ -1510,10 +1520,17 @@ export default {
   margin-top: 30rpx;
   // margin-bottom: 200rpx;
 
+
   .content_details_title {
     padding: 20rpx 30rpx;
   }
 
+  .content_details_content {
+    rich-text {
+      width: 700rpx;
+    }
+  }
+
   img,
   img[alt] {
     max-width: 100%;