From 027db6efc9d94d6833c79acad2c9a1a438d7a70a Mon Sep 17 00:00:00 2001
From: sion123 <450702724@qq.com>
Date: Sat, 30 May 2026 20:39:27 +0800
Subject: [PATCH] =?UTF-8?q?feat(auth):=20=E4=BC=98=E5=8C=96=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95=E9=A1=B5=E9=9D=A2=E7=A7=BB=E5=8A=A8=E7=AB=AF=E9=94=AE?=
 =?UTF-8?q?=E7=9B=98=E9=80=82=E9=85=8D=E4=B8=8E=E8=BE=93=E5=85=A5=E6=A1=86?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将页面容器的高度单位从 vh 改为 dvh 以适配移动端键盘弹出
- 分离登录页面容器样式，提高可维护性
- 调整输入框字体大小为 16px 防止 iOS 自动缩放
---
 .../app/web-gold/src/views/auth/Login.vue     | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/frontend/app/web-gold/src/views/auth/Login.vue b/frontend/app/web-gold/src/views/auth/Login.vue
index c6318d1546..840828c97e 100644
--- a/frontend/app/web-gold/src/views/auth/Login.vue
+++ b/frontend/app/web-gold/src/views/auth/Login.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-screen bg-background relative overflow-hidden">
+  <div class="login-page bg-background relative">
     <!-- 动态背景层 -->
     <div class="absolute inset-0 overflow-hidden">
       <div class="gradient-orb orb-1"></div>
@@ -22,7 +22,7 @@
     </div>
 
     <!-- 主内容区 -->
-    <div class="min-h-screen flex flex-col lg:flex-row relative z-20">
+    <div class="login-content flex flex-col lg:flex-row relative z-20">
       <!-- 左侧品牌区 -->
       <div class="flex-1 flex items-center justify-center p-6 sm:p-10 lg:p-16 animate-fade-in">
         <div class="w-full max-w-md">
@@ -443,6 +443,19 @@ async function handleSmsLogin() {
 </script>
 
 <style scoped lang="less">
+// ========== 页面容器（dvh 适配移动端键盘）==========
+.login-page {
+  min-height: 100vh;
+  min-height: 100dvh;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.login-content {
+  min-height: 100vh;
+  min-height: 100dvh;
+}
+
 // ========== 背景层 ==========
 .gradient-orb {
   position: absolute;
@@ -718,7 +731,7 @@ async function handleSmsLogin() {
   border: none;
   background: transparent;
   color: var(--foreground);
-  font-size: 15px;
+  font-size: 16px;
   outline: none;
 
   &::placeholder {