123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120 |
- .login{
- background: #ffffff;
- &-header {
- .logo {
- &-name {
- color: #000000;
- }
- p {
- &::before {
- background: #dddddd;
- }
- }
- }
- }
- &-main {
- &-content {
- background-position: center left;
- }
- &-adv {
- p {
- a{
- color: #2985FF;
- }
- }
- &-introduce {
- font-family: PingFangSC-Regular;
- font-weight: 400;
- color: #000000;
- }
- }
- .checked-text {
- font-family: PingFangSC-Regular;
- font-weight: 400;
- color: #BBBBBB;
- letter-spacing: 0;
- a {
- color: #006EF0;
- }
- }
- &-footer{
- box-sizing: border-box;
- background: rgba(231,242,255,0.40);
- }
- }
- &-form {
- header {
- font-weight: 500;
- color: #333333;
- letter-spacing: 0;
- }
- .login-title p {
- font-family: PingFangSC-Medium;
- font-weight: 500;
- color: #000000;
- letter-spacing: 0;
- }
- .login-from-item{
- .el-select {
- font-weight: 400;
- color: #000000;
- }
- .el-input__inner {
- background: #FFFFFF;
- border: 1.2px solid #DDDDDD;
- }
- &-disabled {
- cursor: pointer;
- background: #F4F5F9;
- border: 1.2px solid #DDDDDD;
- color: #111111;
- letter-spacing: 0;
- label {
- cursor: pointer;
- color: #999999;
- }
- }
- }
- &-footer {
- a {
- font-family: PingFangSC-Regular;
- font-weight: 400;
- color: #0365EB;
- letter-spacing: 0;
- &:last-child {
- &::before {
- background: #C9D6E7;
- }
- }
- }
- }
- }
- &-btn {
- .btn {
- display: flex;
- align-items: center;
- justify-content: center;
- height: 3rem;
- font-size: 1.25rem;
- font-weight: 400;
- letter-spacing: 0;
- border-radius: 5px;
- border: 1px solid #006EFF;
- border-radius: 5px;
- color: #006EFF;
- &:disabled {
- opacity: 0.3;
- }
- &-primary {
- background: #006EFF;
- color: #FFFFFF;
- }
- }
- }
- }
- .code-box {
- color: #006EFF;
- border: none !important;
- border-right: 1px solid #dddddd !important;
- }
|