14c921e6b1
Former-commit-id: 5d75986f02de2f4515121e9f797b835dba132732 [formerly 5d75986f02de2f4515121e9f797b835dba132732 [formerly 5d75986f02de2f4515121e9f797b835dba132732 [formerly 5d75986f02de2f4515121e9f797b835dba132732 [formerly 8c4098bcffd50089b041edcf9d539c64c3c92b16 [formerly 1bf5ee08c5424c0a4cedac421d52cf8c8393ae7f]]]]] Former-commit-id: 3aa6fad9f9c31f62376dfb27f62fa937d0735e55 Former-commit-id: d293c0b275dc8c4d439fa04a45d9d4efa1dd8f4c Former-commit-id: a737d8ff3f0c9d829e66a1cd305257961c551eda [formerly 4d2360f8b865bfab066291680106dc95df97ce2a] Former-commit-id: b64f59d9203d16e71bcd21065aba7ead88566938 Former-commit-id: 4350c691cdff708266be623edf8f1b9d61faeb02 Former-commit-id: 1dba1637790b1f2c87733adfdfcc8491a97bfd1d Former-commit-id: e17d989004ecb5fb7ce620103b997998da42b8d9 Former-commit-id: 3b781b9b28f6ed584b9c6dbfa5fafe3f8c1475b5
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;
|
|
}
|
|
} |