66 lines
1.2 KiB
SCSS
66 lines
1.2 KiB
SCSS
|
@import '~@/assets/style/public.scss';
|
||
|
|
.login-page {
|
||
|
|
background-color: #EDF4FA;
|
||
|
|
height: 100%;
|
||
|
|
position: relative;
|
||
|
|
// 层
|
||
|
|
.layer {
|
||
|
|
position: absolute;
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
&.flex-center {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// 背景
|
||
|
|
.bg {
|
||
|
|
canvas {
|
||
|
|
display: block;
|
||
|
|
margin: 0px;
|
||
|
|
padding: 0px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// logo
|
||
|
|
.logo-group {
|
||
|
|
margin-top: -75px - 70px;
|
||
|
|
position: relative;
|
||
|
|
top: 75px;
|
||
|
|
img {
|
||
|
|
height: 140px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// 登陆表单
|
||
|
|
.form-group {
|
||
|
|
width: 300px;
|
||
|
|
// 重新设置卡片阴影
|
||
|
|
.el-card {
|
||
|
|
box-shadow: 0 0 8px 0 rgba(232,237,250,.6), 0 2px 4px 0 rgba(232,237,250,.5);
|
||
|
|
.el-card__body {
|
||
|
|
padding-top: 70px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// 登陆按钮
|
||
|
|
.button-login {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
// 输入框左边的图表区域缩窄
|
||
|
|
.el-input-group__prepend {
|
||
|
|
padding: 0px 14px;
|
||
|
|
}
|
||
|
|
.login-code {
|
||
|
|
height: 40px - 2px;
|
||
|
|
display: block;
|
||
|
|
margin: 0px -20px;
|
||
|
|
border-top-right-radius: 2px;
|
||
|
|
border-bottom-right-radius: 2px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// 帮助按钮
|
||
|
|
.button-help {
|
||
|
|
width: 300px;
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
}
|