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;