You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
1.9 KiB

2 months ago
.login-page[data-v-d5fcf218]{position:relative;width:100%;height:100vh;overflow:hidden}.login-page .bg-container[data-v-d5fcf218]{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}.login-page .bg-container .bg-img[data-v-d5fcf218]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.login-page .form-card[data-v-d5fcf218]{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:360px;background:#fff;border-radius:8px;box-shadow:0 2px 16px rgba(0,0,0,.1);z-index:2;padding:30px 25px}.login-page .form-card .tab-bar[data-v-d5fcf218]{display:flex;justify-content:center;margin-bottom:25px}.login-page .form-card .tab-bar .tab-item[data-v-d5fcf218]{width:50%;text-align:center;padding:10px 0;color:#666;cursor:pointer;border-bottom:2px solid transparent}.login-page .form-card .tab-bar .tab-item.active[data-v-d5fcf218]{color:#1890ff;border-bottom-color:#1890ff}.login-page .form-card .login-form .el-form-item[data-v-d5fcf218]{margin-bottom:20px}.login-page .form-card .login-form .el-input[data-v-d5fcf218]{height:40px;line-height:40px}.login-page .form-card .login-form .code-btn[data-v-d5fcf218]{padding:0 15px;height:40px}.login-page .form-card .login-form .remember-item[data-v-d5fcf218]{padding-left:0;margin-bottom:10px}.login-page .form-card .login-form .login-btn[data-v-d5fcf218]{width:100%;background:#ff4d4f;border:none}.login-page .form-card .login-form .login-btn[data-v-d5fcf218]:hover{background:#e03e40}.login-page .form-card .login-form .register-guide[data-v-d5fcf218]{text-align:center;margin-top:15px;color:#999}.login-page .form-card .login-form .register-guide .register-link[data-v-d5fcf218]{color:#ff4d4f;text-decoration:underline;margin-left:5px}@media(max-width:992px){.login-page .form-card[data-v-d5fcf218]{right:5%;width:320px}}@media(max-width:576px){.login-page .form-card[data-v-d5fcf218]{right:50%;transform:translate(50%,-50%);width:90%}}