66666

components/qiandao/SignRuleDes.vue

@@ -19,7 +19,7 @@
 </template>
 
 <script setup>
-import { defineProps, defineEmits } from 'vue';
+import { defineProps, defineEmits, watch } from 'vue';
 
 // Props 定义
 const props = defineProps({
@@ -36,6 +36,27 @@ const props = defineProps({
 // Emits 定义
 const emit = defineEmits(['close']);
 
+// 监听 visible 变化，设置页面滚动状态
+watch(() => props.visible, (newVal) => {
+	// #ifdef MP-WEIXIN
+	if (newVal) {
+		// 弹窗展示时，禁止页面滚动
+		wx.setPageStyle({
+			style: {
+				overflow: 'hidden'
+			}
+		});
+	} else {
+		// 弹窗关闭时，恢复页面滚动
+		wx.setPageStyle({
+			style: {
+				overflow: 'auto'
+			}
+		});
+	}
+	// #endif
+}, { immediate: true });
+
 // 关闭弹窗
 const handleClose = () => {
     emit('close');

components/renwu/TaskPop.vue

@@ -70,6 +70,27 @@ const integralStore = useIntegralStore();
 // 任务列表数据
 const taskList = ref([]);
 
+// 监听 visible 变化，设置页面滚动状态
+watch(() => props.visible, (newVal) => {
+	// #ifdef MP-WEIXIN
+	if (newVal) {
+		// 弹窗展示时，禁止页面滚动
+		wx.setPageStyle({
+			style: {
+				overflow: 'hidden'
+			}
+		});
+	} else {
+		// 弹窗关闭时，恢复页面滚动
+		wx.setPageStyle({
+			style: {
+				overflow: 'auto'
+			}
+		});
+	}
+	// #endif
+}, { immediate: true });
+
 // 关闭弹窗
 const handleClose = () => {
 	emit('close');