7f00053b34
Former-commit-id: 41a358b0515ea0806a9cec5aa0eeafa69dbc5803 [formerly 2e4519ee057ac6c95e949a646e3c399f8b2f44f7] [formerly 41a358b0515ea0806a9cec5aa0eeafa69dbc5803 [formerly 2e4519ee057ac6c95e949a646e3c399f8b2f44f7] [formerly 41a358b0515ea0806a9cec5aa0eeafa69dbc5803 [formerly 2e4519ee057ac6c95e949a646e3c399f8b2f44f7] [formerly 2e4519ee057ac6c95e949a646e3c399f8b2f44f7 [formerly 8ba9ec64281660336d5fb304b9a5a64cbb2aa17c [formerly a2e8abc48eb676a12c407d8f5e3f2f6b5151686a]]]]] Former-commit-id: 05526984ebfd295b5fc6eb9f2204c7785b962ecf Former-commit-id: 770c57651cba3499bc7bcd3c33cf10becb5f289e Former-commit-id: bf411035a0a7488a3f329786911deb401b4c5bff [formerly 2b4ca8aa7eccc9fe3da2abdd55b886fdc189df09] Former-commit-id: 233582f8c356147ddea2f836fcf45fe215f7f79d Former-commit-id: 1b4ed84ffe61099ac9a2d077851f133d33626df9 Former-commit-id: bf66bb6d5444d94cca4b628cbc7ff407b4c50511 Former-commit-id: 8dff1bb9cd43cdc30d42ec5c4373c25c1cae8214 Former-commit-id: 419216ae2da027e8a0282ca71590bdd2e51a1133
89 lines
1.6 KiB
SCSS
89 lines
1.6 KiB
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;
|
|
}
|
|
.user-btn {
|
|
@extend %flex-center-col;
|
|
@extend %unable-select;
|
|
padding: 10px 0px;
|
|
border-radius: 4px;
|
|
&:hover {
|
|
background-color: $color-bg;
|
|
i {
|
|
color: $color-text-normal;
|
|
}
|
|
span {
|
|
color: $color-text-normal;
|
|
}
|
|
}
|
|
i {
|
|
font-size: 36px;
|
|
color: $color-text-sub;
|
|
}
|
|
span {
|
|
font-size: 12px;
|
|
margin-top: 10px;
|
|
color: $color-text-sub;
|
|
}
|
|
}
|
|
} |