彻底修复登录页面全覆盖 - 移除Login.vue容器，直接使用App.vue全屏背景

2025-10-21 17:31:14 +08:00
parent 536a86112a
commit 23c62924bf
2 changed files with 10 additions and 31 deletions
--- 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 {