Guwan
/
yl-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改注册界面

This commit is contained in:
ovo 2024-12-05 22:29:24 +08:00
parent b5a549669f
commit 66cc9708b2
1 changed files with 20 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/RegisterView.vue
View File

@ -120,7 +120,7 @@
<span>邮箱验证</span> <span>邮箱验证</span>
</div> </div>
<el-form-item label="邮箱" prop="email"> <el-form-item label="邮箱号" prop="email">
<div class="verify-code-input"> <div class="verify-code-input">
<el-input <el-input
v-model="registerForm.email" v-model="registerForm.email"
@ -430,9 +430,8 @@ const sendEmailCode = () => {
margin-top: 0; margin-top: 0;
} }
.verify-section .el-form-item:not(:first-child) .el-input { .verify-section .verify-code-input + .el-form-item .el-input {
width: calc(100% - 130px); margin-left: calc(100% - 100%);
margin-left: 130px;
} }
.register-button { .register-button {
@ -548,13 +547,13 @@ const sendEmailCode = () => {
} }
.basic-info { .basic-info {
flex: 1; flex: 0.8;
padding-right: 30px; padding-right: 30px;
border-right: 1px solid #e4e7ed; border-right: 1px solid #e4e7ed;
} }
.verify-info { .verify-info {
flex: 1; flex: 1.2;
} }
/* 响应式布局 */ /* 响应式布局 */
@ -574,11 +573,25 @@ const sendEmailCode = () => {
border-right: none; border-right: none;
border-bottom: 1px solid #e4e7ed; border-bottom: 1px solid #e4e7ed;
padding-bottom: 20px; padding-bottom: 20px;
flex: none;
} }
.verify-section .el-form-item:not(:first-child) .el-input { .verify-info {
flex: none;
}
.verify-code-input {
flex-direction: column;
}
.verify-section .verify-code-input + .el-form-item .el-input {
width: 100%; width: 100%;
margin-left: 0; margin-left: 0;
} }
.verify-code-input .el-button {
width: 100%;
margin-top: 10px;
}
} }
</style> </style>