From 4e0589a41bb374eebdd0b3e7f3538485e353be62 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Fri, 19 Dec 2025 12:14:59 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E9=81=AE=E7=BD=A9=E5=B1=82=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6):=20=E8=AE=BE=E7=BD=AE=E6=89=93=E5=BC=80=E6=97=B6?=
 =?UTF-8?q?=E5=85=B3=E9=97=AD=E9=A1=B5=E9=9D=A2=E6=BB=91=E5=8A=A8=E7=9A=84?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=EF=BC=8C=E4=BB=85=E4=BF=9D=E7=95=99=E9=81=AE?=
 =?UTF-8?q?=E7=BD=A9=E5=B1=82=E8=87=AA=E5=B7=B1=E7=9A=84=E6=BB=91=E5=8A=A8?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=EF=BC=8C=E8=A7=A3=E5=86=B3=E4=BA=86=E5=9C=A8?=
 =?UTF-8?q?=E9=81=AE=E7=BD=A9=E5=B1=82=E7=A9=BA=E7=99=BD=E5=8C=BA=E5=9F=9F?=
 =?UTF-8?q?=E6=BB=91=E5=8A=A8=E5=AF=BC=E8=87=B4=E9=A1=B5=E9=9D=A2=E6=BB=91?=
 =?UTF-8?q?=E5=8A=A8=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MaskLayer.vue          | 19 +++++++++++++++++++
 src/views/Ranking/GamesKing/index.vue |  2 +-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/components/MaskLayer.vue b/src/components/MaskLayer.vue
index 21e2412..69b347f 100644
--- a/src/components/MaskLayer.vue
+++ b/src/components/MaskLayer.vue
@@ -18,12 +18,31 @@
 </template>
 
 <script setup>
+import { watch } from 'vue'
+
 const props = defineProps({
   maskLayerShow: {
     type: Boolean,
     required: true,
   },
 })
+
+// 监听遮罩层显示状态，控制背景页面滚动
+watch(
+  () => props.maskLayerShow,
+  (newVal) => {
+    if (newVal) {
+      // 禁用背景页面滚动
+      document.body.style.overflow = 'hidden'
+      document.body.style.touchAction = 'none'
+    } else {
+      // 恢复背景页面滚动
+      document.body.style.overflow = ''
+      document.body.style.touchAction = ''
+    }
+  },
+  { immediate: true }
+)
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/Ranking/GamesKing/index.vue b/src/views/Ranking/GamesKing/index.vue
index 92b144b..1c658bb 100644
--- a/src/views/Ranking/GamesKing/index.vue
+++ b/src/views/Ranking/GamesKing/index.vue
@@ -541,7 +541,7 @@
       <!-- 弹窗遮罩层 -->
       <maskLayer :maskLayerShow="maskLayerShow" @click="maskLayerShow = false">
         <!-- help弹窗 -->
-        <div style="margin: 20% 0" @click.stop>
+        <div style="margin: 10vh 0 5vh" @click.stop>
           <itemCenter
             :imgUrl="imageUrl(getImgName('helpBg'))"
             :contentStyle="`inset: 15% 4% 3%;overflow-y: auto;display:block;`"