From 66cc9708b260ea6ca2acb7ca00a435632ea9d423 Mon Sep 17 00:00:00 2001 From: ovo Date: Thu, 5 Dec 2024 22:29:24 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=B3=A8=E5=86=8C=E7=95=8C?= =?UTF-8?q?=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/RegisterView.vue | 27 ++++++++++++++++++++------- 1 file changed, 20 insertions(+), 7 deletions(-) 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