fix: 🐛 登录背景和导航栏图标样式问题修复

2025-05-21 08:20:53 +08:00
parent 4045548c18
commit aee9443fe0
2 changed files with 19 additions and 5 deletions
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -64,7 +64,21 @@ const formComponents = {

 <style lang="scss" scoped>
 .login {
+  position: relative;
+  z-index: 1;
+}
+
+// 添加伪元素作为背景层
+.login::before {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  content: "";
  background: url("@/assets/images/login-bg.svg");
+  background-position: center center;
  background-size: cover;
 }