From aaea16d23b27d42394f1aa1f309a52d3d937abc8 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期三, 02 七月 2025 09:12:43 +0800
Subject: [PATCH] 1.优化代码
---
src/views/login.vue | 20 ++++++++++++++++++--
1 files changed, 18 insertions(+), 2 deletions(-)
diff --git a/src/views/login.vue b/src/views/login.vue
index d4767c2..1922fb5 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -174,7 +174,7 @@
//justify-content: center;
//align-items: center;
height: 100%;
- background-image: url("../assets/images/login-background.png");
+ background-image: url("../assets/images/Logo2Back.jpg");
background-size: cover;
position: relative;
}
@@ -186,11 +186,21 @@
}
.login-card {
background: #ffffff;
- width: 384px;
+ padding: 20px;
+ width: 430px;
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 206px;
+}
+@media (max-width: 992px) {
+ .login-card {
+ width: 300px;
+ position: absolute;
+ top: 50%;
+ left: 50%; /* 鏂板姘村钩瀹氫綅鍩哄噯 */
+ transform: translate(-50%, -50%); /* 鍚屾椂澶勭悊XY杞村亸绉� */
+ }
}
.login-form {
border-radius: 6px;
@@ -243,4 +253,10 @@
font-size: 20px;
color: #000000;
}
+@media (max-width: 992px) {
+ :deep(.el-form-item__content) {
+ width: 260px;
+
+ }
+}
</style>
--
Gitblit v1.9.3