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

修改App.vue样式 - 确保背景完全覆盖整个屏幕

Browse Source
This commit is contained in:
AIGC Developer
2025-10-21 17:26:42 +08:00
parent 822b481197
commit a55692e80e
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -53,19 +53,22 @@ console.log('App.vue 加载成功')
html, body { html, body {
height: 100%; height: 100%;
width: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow-x: hidden;
} }
body { body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
line-height: 1.6; line-height: 1.6;
color: #333; color: #333;
background: #f5f5f5; background: transparent;
} }
#app { #app {
min-height: 100vh; min-height: 100vh;
width: 100vw;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
@@ -79,8 +82,10 @@ body {
left: 0; left: 0;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
min-height: 100vh;
z-index: -1; z-index: -1;
pointer-events: none; pointer-events: none;
background-attachment: fixed;
} }
main { main {
@@ -101,7 +106,15 @@ main.with-navbar {
left: 0; left: 0;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
min-height: 100vh;
z-index: 1000; z-index: 1000;
background-attachment: fixed;
}
/* 登录页面特殊背景处理 */
#app[data-route="Login"] .fullscreen-background {
background: url('/images/backgrounds/login.png') center/cover no-repeat;
background-attachment: fixed;
} }
/* ========== 页面特殊样式 ========== */ /* ========== 页面特殊样式 ========== */