|
@@ -5,15 +5,23 @@
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
margin: 0 auto;
|
|
|
- background-image: url("/img/bg/bg.jpg");
|
|
|
+ // background-image: var(--login-bg-image, url("/img/bg/bg.jpg"));
|
|
|
background-size: 100% 100%;
|
|
|
+ &.bg-default {
|
|
|
+ background-image: url("/img/bg/bg.jpg");
|
|
|
+ }
|
|
|
+ &.bg-duoduo {
|
|
|
+ background:
|
|
|
+ linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
|
|
|
+ url("/img/bg/main-bg.jpg") center/cover;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.login-weaper {
|
|
|
margin: 0 auto;
|
|
|
width: 1000px;
|
|
|
box-shadow: -4px 5px 10px rgba(0, 0, 0, 0.4);
|
|
|
-
|
|
|
+ border-radius: 40px;
|
|
|
.el-input-group__append {
|
|
|
border: none;
|
|
|
}
|
|
@@ -28,15 +36,26 @@
|
|
|
}
|
|
|
|
|
|
.login-left {
|
|
|
- border-top-left-radius: 5px;
|
|
|
- border-bottom-left-radius: 5px;
|
|
|
+ border-top-left-radius: 40px;
|
|
|
+ border-bottom-left-radius: 40px;
|
|
|
justify-content: center;
|
|
|
flex-direction: column;
|
|
|
- background-color: #409EFF;
|
|
|
+ //background-color: #409EFF;
|
|
|
color: #fff;
|
|
|
float: left;
|
|
|
width: 50%;
|
|
|
position: relative;
|
|
|
+ &.bg-default {
|
|
|
+ background: #409EFF;
|
|
|
+ }
|
|
|
+ &.bg-duoduo {
|
|
|
+ background:
|
|
|
+ linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
|
|
|
+ #409EFF;
|
|
|
+ }
|
|
|
+ &.bg-localhost {
|
|
|
+ background: rgba(64, 158, 255, 0.7);
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.login-left .img {
|
|
@@ -66,8 +85,8 @@
|
|
|
|
|
|
.login-border {
|
|
|
border-left: none;
|
|
|
- border-top-right-radius: 5px;
|
|
|
- border-bottom-right-radius: 5px;
|
|
|
+ border-top-right-radius: 40px;
|
|
|
+ border-bottom-right-radius: 40px;
|
|
|
color: #fff;
|
|
|
background-color: #fff;
|
|
|
width: 50%;
|