| 1 |
- .login-page{width:100vw;height:100vh;padding:10vw;display:flex;justify-content:center;align-items:center;color:#fff;text-align:center;background-color:#3c3c3c}.login-page.is-localhost{justify-content:flex-end;background-image:linear-gradient(125deg,green,#6dd5fa,#2980b9,#e4ffcd);background-size:400%;animation:bganimation 15s infinite}.login-page.is-localhost .com-online-code-login-loading{display:none}.login-page .com-online-code-login-loading{user-select:none}.login-page .com-online-code-login-loading .com-title{font-size:2vw}.login-page .com-online-code-login-loading .el-icon-loading{font-size:7vw}@keyframes bganimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-page .login-cont{width:50vw;min-width:400px;max-width:500px}.login-page .login-cont .login-title{text-align:center;line-height:60px;user-select:none;font-size:3em;margin-bottom:20px;white-space:nowrap;background-image:linear-gradient(125deg,red,orange,yellow,green,blue,purple);background-size:400%;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent;animation:loginTitleAni 15s infinite}@keyframes loginTitleAni{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-page .login-cont .el-select{width:100%}.login-page .login-cont .el-form-item__label{color:#fff;user-select:none}.login-page .login-cont .login-buts .el-form-item__content{display:flex}.login-page .login-cont .login-buts .el-form-item__content .el-button{margin:0;flex:1}.login-page .login-cont .login-buts .el-form-item__content .submit-but{flex:1.6;margin-right:20px}.vue-puzzle-vcode .vue-auth-box_{padding:0!important}.vue-puzzle-vcode .vue-auth-box_ .auth-body_{border-radius:0!important}.vue-puzzle-vcode .auth-control_ .range-box{margin-top:0!important;border-radius:0!important}.vue-puzzle-vcode .auth-control_ .range-box .range-btn{border-radius:0!important}.el-message--success{background-color:#e6effc;border-color:#e6effc}.el-message--success .el-message__content,.el-message .el-icon-success{color:#2f5de4}
|
