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:48:43 +08:00
parent e654306e8d
commit 56a415194e
1 changed files with 21 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/views/RegisterView.vue
View File

@ -76,6 +76,11 @@
<span>手机验证</span> <span>手机验证</span>
</div> </div>
<el-form
:model="registerForm"
:rules="rules"
label-position="top"
>
<el-form-item label="手机号" prop="phone"> <el-form-item label="手机号" prop="phone">
<div class="verify-code-input"> <div class="verify-code-input">
<el-input <el-input
@ -112,6 +117,7 @@
</template> </template>
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-form>
</div> </div>
<div class="verify-section"> <div class="verify-section">
@ -120,6 +126,11 @@
<span>邮箱验证</span> <span>邮箱验证</span>
</div> </div>
<el-form
:model="registerForm"
:rules="rules"
label-position="top"
>
<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
@ -156,6 +167,7 @@
</template> </template>
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-form>
</div> </div>
</div> </div>
</div> </div>
@ -494,16 +506,17 @@ const sendEmailCode = () => {
margin-bottom: 20px; margin-bottom: 20px;
} }
.verify-section .el-form-item__label { .verify-section :deep(.el-form-item__label) {
height: 20px; float: none;
line-height: 20px; display: block;
margin-bottom: 6px; text-align: left;
color: #606266; padding: 0 0 8px;
font-size: 14px; line-height: 1.5;
white-space: normal;
} }
.verify-section .el-form-item__content { .verify-section :deep(.el-form-item__content) {
width: 100%; margin-left: 0 !important;
} }
.verify-code-input { .verify-code-input {
@ -524,11 +537,6 @@ const sendEmailCode = () => {
flex-shrink: 0; flex-shrink: 0;
} }
.verify-section .el-form-item:not(:first-child) .el-input {
width: calc(100% - 130px);
margin-left: 130px;
}
.verify-title { .verify-title {
display: flex; display: flex;
align-items: center; align-items: center;