diff --git a/src/views/RegisterView.vue b/src/views/RegisterView.vue index 70e84a8..763ed3f 100644 --- a/src/views/RegisterView.vue +++ b/src/views/RegisterView.vue @@ -120,7 +120,7 @@ 邮箱验证 - +
{ margin-top: 0; } -.verify-section .el-form-item:not(:first-child) .el-input { - width: calc(100% - 130px); - margin-left: 130px; +.verify-section .verify-code-input + .el-form-item .el-input { + margin-left: calc(100% - 100%); } .register-button { @@ -548,13 +547,13 @@ const sendEmailCode = () => { } .basic-info { - flex: 1; + flex: 0.8; padding-right: 30px; border-right: 1px solid #e4e7ed; } .verify-info { - flex: 1; + flex: 1.2; } /* 响应式布局 */ @@ -574,11 +573,25 @@ const sendEmailCode = () => { border-right: none; border-bottom: 1px solid #e4e7ed; 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%; margin-left: 0; } + + .verify-code-input .el-button { + width: 100%; + margin-top: 10px; + } } \ No newline at end of file