修改注册界面

src/views/RegisterView.vue

@@ -120,7 +120,7 @@
               <span>邮箱验证</span>
             </div>
             
-            <el-form-item label="邮箱" prop="email">
+            <el-form-item label="邮箱号" prop="email">
               <div class="verify-code-input">
                 <el-input 
                   v-model="registerForm.email"
@@ -430,9 +430,8 @@ const sendEmailCode = () => {
   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;
+  }
 }
 </style>