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

修复登录页面白边问题 - 去除所有边框实现全屏无边框效果

Browse Source
This commit is contained in:
AIGC Developer
2025-10-21 17:21:42 +08:00
parent fc0d921ffd
commit f6b45d98d1
1 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -205,10 +205,16 @@ const handleLogin = async () => {
<style scoped> <style scoped>
.login-page { .login-page {
min-height: 100vh; min-height: 100vh;
width: 100vw;
height: 100vh;
background: url('/images/backgrounds/login.png') center/cover no-repeat; background: url('/images/backgrounds/login.png') center/cover no-repeat;
position: relative; position: fixed;
top: 0;
left: 0;
overflow: hidden; overflow: hidden;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
margin: 0;
padding: 0;
} }
/* 背景效果已移除，使用图片背景 */ /* 背景效果已移除，使用图片背景 */
@@ -234,7 +240,7 @@ const handleLogin = async () => {
background: rgba(26, 26, 46, 0.8); background: rgba(26, 26, 46, 0.8);
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
border-radius: 24px; border-radius: 24px;
border: 1px solid rgba(255, 255, 255, 0.1); border: none;
padding: 50px; padding: 50px;
z-index: 10; z-index: 10;
} }
@@ -295,7 +301,7 @@ const handleLogin = async () => {
width: 100px; width: 100px;
height: 55px; height: 55px;
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.2); border: none;
border-radius: 10px; border-radius: 10px;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -321,7 +327,7 @@ const handleLogin = async () => {
.phone-input :deep(.el-input__wrapper) { .phone-input :deep(.el-input__wrapper) {
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.2); border: none;
border-radius: 10px; border-radius: 10px;
box-shadow: none; box-shadow: none;
height: 55px; height: 55px;
@@ -349,7 +355,7 @@ const handleLogin = async () => {
.code-input :deep(.el-input__wrapper) { .code-input :deep(.el-input__wrapper) {
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.2); border: none;
border-radius: 10px; border-radius: 10px;
box-shadow: none; box-shadow: none;
height: 55px; height: 55px;
@@ -441,14 +447,13 @@ const handleLogin = async () => {
padding: 6px 12px; padding: 6px 12px;
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
border-radius: 6px; border-radius: 6px;
border: 1px solid rgba(255, 255, 255, 0.1); border: none;
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.account-item:hover { .account-item:hover {
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4);
border-color: rgba(255, 255, 255, 0.3);
transform: translateY(-1px); transform: translateY(-1px);
} }