From 082b46db3f8a1c754c28803180790abf3ab549f6 Mon Sep 17 00:00:00 2001
From: LCJ-MinYa <1049468118@qq.com>
Date: Mon, 4 Aug 2025 15:25:59 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=A7=A3=E5=86=B3=E5=9C=A8=E5=BE=AE?=
 =?UTF-8?q?=E4=BF=A1=E6=B5=8F=E8=A7=88=E5=99=A8=E4=B8=AD=E4=B8=8B=E6=8B=89?=
 =?UTF-8?q?=E5=88=B7=E6=96=B0=E6=95=B4=E4=B8=AA=E8=A2=AB=E6=8B=96=E5=8A=A8?=
 =?UTF-8?q?=EF=BC=8C=E6=97=A0=E6=B3=95=E8=A7=A6=E5=8F=91touch=E4=B8=8B?=
 =?UTF-8?q?=E6=8B=89=E5=88=B7=E6=96=B0=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/useBodyClass.ts       | 12 ++++++++++++
 src/style/reset.scss            |  4 ++++
 src/views/demo/pullLoadData.vue |  5 ++++-
 3 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 src/hooks/useBodyClass.ts

diff --git a/src/hooks/useBodyClass.ts b/src/hooks/useBodyClass.ts
new file mode 100644
index 0000000..d8c8499
--- /dev/null
+++ b/src/hooks/useBodyClass.ts
@@ -0,0 +1,12 @@
+// composables/useBodyClass.js
+import { onMounted, onUnmounted } from 'vue';
+
+export function useBodyClass(className) {
+    onMounted(() => {
+        document.body.classList.add(className);
+    });
+
+    onUnmounted(() => {
+        document.body.classList.remove(className);
+    });
+}
diff --git a/src/style/reset.scss b/src/style/reset.scss
index f7d83d0..f4780bb 100644
--- a/src/style/reset.scss
+++ b/src/style/reset.scss
@@ -32,6 +32,10 @@ body {
     text-rendering: optimizelegibility;
 }
 
+body.body-overflow-hidden {
+    overflow: hidden;
+}
+
 hr {
     height: 0;
     color: inherit;
diff --git a/src/views/demo/pullLoadData.vue b/src/views/demo/pullLoadData.vue
index 4ed368e..e83ceb1 100644
--- a/src/views/demo/pullLoadData.vue
+++ b/src/views/demo/pullLoadData.vue
@@ -27,6 +27,9 @@
 <script setup lang="jsx">
 import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue';
 import { debounce } from '@pureadmin/utils';
+import { useBodyClass } from '@/hooks/useBodyClass';
+
+useBodyClass('body-overflow-hidden');
 
 const boxRef = ref(null);
 const contentRef = ref(null);
@@ -67,7 +70,7 @@ const handleTouchmove = (e) => {
         handleTouchend();
     }
 };
-const debounceHandleTouchmove = debounce(handleTouchmove, 500);
+const debounceHandleTouchmove = debounce(handleTouchmove, 100);
 const handleTouchend = () => {
     if (loading.value) {
         getData();