From 1019242a0cc4487c03839bae8b6c4ba9239eeab6 Mon Sep 17 00:00:00 2001
From: xiangshu233 <xiangshu233@outlook.com>
Date: Tue, 24 Mar 2026 21:10:08 +0800
Subject: [PATCH] =?UTF-8?q?fix(view):=20:bug:=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E5=B0=8F=E5=B1=8F=E5=B9=95=E4=B8=8B=E7=99=BB=E5=BD=95=E9=A1=B5?=
 =?UTF-8?q?=E5=BA=95=E9=83=A8=E5=86=85=E5=AE=B9=E8=A2=AB=E9=81=AE=E6=8C=A1?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/login/Login.vue | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/views/login/Login.vue b/src/views/login/Login.vue
index a42d156..0c51c28 100644
--- a/src/views/login/Login.vue
+++ b/src/views/login/Login.vue
@@ -1,6 +1,6 @@
 <template>
-  <div>
-    <div class="h-screen flex justify-center p-8">
+  <div class="login-page">
+    <div class="login-scroll px-8 pt-8">
       <div class="w-full flex flex-col">
         <LoginTitle />
         <LoginForm />
@@ -21,6 +21,22 @@ import LoginWave from './LoginWave.vue'
 </script>
 
 <style scoped lang="less">
+.login-page {
+  position: relative;
+  height: 100dvh;
+  overflow-y: auto;
+}
+
+.login-scroll {
+  min-height: 100%;
+  padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 120px);
+  -webkit-overflow-scrolling: touch;
+}
+
+:deep(.wave-wrapper) {
+  pointer-events: none;
+}
+
 :deep(.van-field__left-icon) {
   display: flex;
 }