feat(斋月活动页): 补充弹窗完整

src/views/Activities/LuckyDollars/Season3/index.vue

@@ -101,6 +101,15 @@
               :imgUrl="imageUrl('overallRankingBg')"
               :contentStyle="`inset: 15vw 4vw 5vw;flex-direction: column;`"
             >
+              <!-- 前三规则按钮 -->
+              <img
+                v-smart-img
+                :src="imageUrl('historyBt')"
+                alt=""
+                style="width: 6vw; position: absolute; z-index: 2; top: 4vw; right: 2vw"
+                @click="openPopup('top3Help')"
+              />
+
               <!-- 第一 -->
               <div style="display: flex; justify-content: center">
                 <TopUser
@@ -242,6 +251,15 @@
                 </div>
               </div>
 
+              <!-- 排行榜规则按钮 -->
+              <img
+                v-smart-img
+                :src="imageUrl('historyBt')"
+                alt=""
+                style="width: 6vw; position: absolute; z-index: 2; top: 19vw; right: 7vw"
+                @click="openPopup('rankingHelp')"
+              />
+
               <!-- 排行榜前10名(带奖励) -->
               <div
                 v-for="(listItem, index) in RankingHasTop10"
@@ -1047,7 +1065,7 @@
                   src="/src/assets/icon/helpWhite.png"
                   alt=""
                   class="ruleBt"
-                  @click="openPopup('help')"
+                  @click="openPopup('withdrawalHelp')"
                 />
                 <!-- 名称 -->
                 <div
@@ -1716,20 +1734,45 @@
               </itemCenter>
             </div>
 
-            <!-- help弹窗 -->
+            <!-- 排行榜帮助弹窗 -->
-            <div v-show="helpShow" @click.stop>
+            <div v-show="rankingHelpShow" @click.stop>
               <itemCenter
-                :imgUrl="imageUrl('helpBg_ar')"
+                :imgUrl="imageUrl('rankingHelpBg_ar')"
                 :contentStyle="`inset: 26vw 6vw 13vw;overflow-y: auto;display:block;`"
               >
                 <img
                   v-smart-img
-                  :src="imageUrl(getImgName('helpInfo'))"
+                  :src="imageUrl(getImgName('rankingHelpInfo'))"
                   alt=""
                   style="display: block; width: 100%; object-fit: cover; margin-bottom: 6vw"
                 />
               </itemCenter>
             </div>
+
+            <!-- 总榜前三规则弹窗 -->
+            <div v-show="top3HelpShow" @click.stop>
+              <itemCenter
+                :imgUrl="imageUrl('top3HelpBg_ar')"
+                :contentStyle="`inset: 26vw 6vw 13vw;overflow-y: auto;display:block;`"
+              >
+                <img
+                  v-smart-img
+                  :src="imageUrl(getImgName('top3HelpInfo'))"
+                  alt=""
+                  style="display: block; width: 100%; object-fit: cover; margin-bottom: 6vw"
+                />
+              </itemCenter>
+            </div>
+
+            <!-- 兑换规则弹窗 -->
+            <div v-show="withdrawalHelpShow" @click.stop>
+              <img
+                v-smart-img
+                :src="imageUrl(getImgName('withdrawalHelp'))"
+                alt=""
+                style="display: block; width: 100%; object-fit: cover; margin-bottom: 6vw"
+              />
+            </div>
           </div>
         </maskLayer>
       </div>
@@ -1813,12 +1856,22 @@ const Second = ref(0)
 let timer = null
 
 // 弹窗展示
-const helpShow = ref(false) // 帮助
+const rankingHelpShow = ref(false) // 排行榜帮助
+const top3HelpShow = ref(false) // 总榜前三帮助
+const withdrawalHelpShow = ref(false) // 帮助
 const resultShow = ref(false) // 抽奖结果
 const historyShow = ref(false) // 历史
 const topRewardShow = ref(false) // 前三名奖励展示
+
 const maskLayerShow = computed(() => {
-  return helpShow.value || resultShow.value || historyShow.value || topRewardShow.value
+  return (
+    rankingHelpShow.value ||
+    top3HelpShow.value ||
+    withdrawalHelpShow.value ||
+    resultShow.value ||
+    historyShow.value ||
+    topRewardShow.value
+  )
 })
 
 // 模块切换展示
@@ -2127,12 +2180,18 @@ const exchangeCoinBt = async () => {
 const openPopup = (type) => {
   closedPopup(false) //先关闭其他弹窗，不清除抽奖结果
   switch (type) {
+    case 'rankingHelp':
+      rankingHelpShow.value = true
+      break
+    case 'top3Help':
+      top3HelpShow.value = true
+      break
+    case 'withdrawalHelp':
+      withdrawalHelpShow.value = true
+      break
     case 'result':
       resultShow.value = true
       break
-    case 'help':
-      helpShow.value = true
-      break
     case 'history':
       historyShow.value = true
       break
@@ -2146,8 +2205,10 @@ const openPopup = (type) => {
 
 // 关闭弹窗
 const closedPopup = (clear = true) => {
+  rankingHelpShow.value = false
+  top3HelpShow.value = false
+  withdrawalHelpShow.value = false
   resultShow.value = false
-  helpShow.value = false
   historyShow.value = false
   topRewardShow.value = false
   if (clear) {