diff --git a/src/views/login.vue b/src/views/login.vue index fdd4543..2a48495 100644 --- a/src/views/login.vue +++ b/src/views/login.vue @@ -199,20 +199,21 @@ export default { } .login-form { - border-radius: 6px; - background: #ffffff; - width: 400px; - padding: 25px 25px 5px 25px; + border-radius: 8px; + background: rgba(255, 255, 255, 0.88); + backdrop-filter: blur(10px); + width: 440px; + padding: 32px 32px 12px 32px; z-index: 1; - box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12); // 移动端优化 @media (max-width: 768px) { width: 100%; max-width: 100%; - padding: 20px 15px 5px 15px; - border-radius: 8px; - box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); + padding: 24px 20px 12px 20px; + border-radius: 10px; + box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15); } .el-input {