blandarebiter/AIGC
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
AIGC Developer
2025-10-21 17:31:14 +08:00
parent 536a86112a
commit 23c62924bf
2 changed files with 10 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
demo/frontend/src/App.vue
View File

@@ -99,16 +99,11 @@ main.with-navbar {
padding-top: 0; /* NavBar 是 fixed 定位，不需要 padding-top */ padding-top: 0; /* NavBar 是 fixed 定位，不需要 padding-top */
} }
/* 确保登录页面全屏显示 */ /* 确保登录页面内容正确显示 */
#app .login-page { #app[data-route="Login"] main {
position: fixed; position: relative;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
min-height: 100vh;
z-index: 1; z-index: 1;
background-attachment: fixed; min-height: 100vh;
} }
/* 登录页面特殊背景处理 - 参考Welcome页面样式 */ /* 登录页面特殊背景处理 - 参考Welcome页面样式 */

18
demo/frontend/src/views/Login.vue
View File

@@ -1,5 +1,4 @@
<template> <template>
<div class="login-page">
<!-- Logo --> <!-- Logo -->
<div class="logo">Logo</div> <div class="logo">Logo</div>
@@ -84,7 +83,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script setup> <script setup>
@@ -203,21 +201,7 @@ const handleLogin = async () => {
</script> </script>
<style scoped> <style scoped>
.login-page { /* 登录页面样式 - 背景由App.vue处理 */
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;
}
/* 背景效果已移除，使用图片背景 */
/* 左上角Logo */ /* 左上角Logo */
.logo { .logo {