|
|
@@ -1202,8 +1202,9 @@ onBeforeUnmount(() => {
|
|
|
.login-bg {
|
|
|
position: relative;
|
|
|
width: 100%;
|
|
|
- height: 100%;
|
|
|
- background: url("../../assets/login/bg.jpg");
|
|
|
+ height: 100vh;
|
|
|
+ overflow: hidden;
|
|
|
+ background-image: url("../../assets/login/bg.jpg");
|
|
|
background-repeat: no-repeat;
|
|
|
background-position: center;
|
|
|
background-size: cover;
|
|
|
@@ -1348,6 +1349,20 @@ onBeforeUnmount(() => {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+/* 小屏幕响应式 - 宽度小于1400px */
|
|
|
+@media screen and (height <= 900px) {
|
|
|
+ .left-box {
|
|
|
+ position: relative;
|
|
|
+ top: -122px;
|
|
|
+ left: -100px;
|
|
|
+ }
|
|
|
+ .right-box {
|
|
|
+ top: 50%;
|
|
|
+ left: 74%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ }
|
|
|
+}
|
|
|
.login-form-content {
|
|
|
:deep(.el-form-item) {
|
|
|
margin-bottom: 20px;
|
zhuli