From 23c62924bf2c2deeadc0754c4f9918da7a135cc1 Mon Sep 17 00:00:00 2001
From: AIGC Developer <developer@aigc.com>
Date: Tue, 21 Oct 2025 17:31:14 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BD=BB=E5=BA=95=E4=BF=AE=E5=A4=8D=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95=E9=A1=B5=E9=9D=A2=E5=85=A8=E8=A6=86=E7=9B=96=20-=20?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4Login.vue=E5=AE=B9=E5=99=A8=EF=BC=8C=E7=9B=B4?=
 =?UTF-8?q?=E6=8E=A5=E4=BD=BF=E7=94=A8App.vue=E5=85=A8=E5=B1=8F=E8=83=8C?=
 =?UTF-8?q?=E6=99=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo/frontend/src/App.vue         | 13 ++++---------
 demo/frontend/src/views/Login.vue | 28 ++++++----------------------
 2 files changed, 10 insertions(+), 31 deletions(-)

diff --git a/demo/frontend/src/App.vue b/demo/frontend/src/App.vue
index 4e1e108..621ef4a 100644
--- a/demo/frontend/src/App.vue
+++ b/demo/frontend/src/App.vue
@@ -99,16 +99,11 @@ main.with-navbar {
   padding-top: 0; /* NavBar 是 fixed 定位，不需要 padding-top */
 }
 
-/* 确保登录页面全屏显示 */
-#app .login-page {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  min-height: 100vh;
+/* 确保登录页面内容正确显示 */
+#app[data-route="Login"] main {
+  position: relative;
   z-index: 1;
-  background-attachment: fixed;
+  min-height: 100vh;
 }
 
 /* 登录页面特殊背景处理 - 参考Welcome页面样式 */
diff --git a/demo/frontend/src/views/Login.vue b/demo/frontend/src/views/Login.vue
index 6680bec..d33af93 100644
--- a/demo/frontend/src/views/Login.vue
+++ b/demo/frontend/src/views/Login.vue
@@ -1,10 +1,9 @@
 <template>
-  <div class="login-page">
-    <!-- Logo -->
-    <div class="logo">Logo</div>
-    
-    <!-- 登录卡片 -->
-    <div class="login-card">
+  <!-- Logo -->
+  <div class="logo">Logo</div>
+  
+  <!-- 登录卡片 -->
+  <div class="login-card">
       <!-- Logo图标 -->
       <div class="card-logo">
         <div class="logo-icon">Logo</div>
@@ -84,7 +83,6 @@
         </div>
       </div>
     </div>
-  </div>
 </template>
 
 <script setup>
@@ -203,21 +201,7 @@ const handleLogin = async () => {
 </script>
 
 <style scoped>
-.login-page {
-  min-height: 100vh;
-  width: 100vw;
-  height: 100vh;
-  background: transparent;
-  position: fixed;
-  top: 0;
-  left: 0;
-  overflow: hidden;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  margin: 0;
-  padding: 0;
-}
-
-/* 背景效果已移除，使用图片背景 */
+/* 登录页面样式 - 背景由App.vue处理 */
 
 /* 左上角Logo */
 .logo {