适配 element plus 最新版本

src/views/register.vue

@@ -3,7 +3,13 @@
     <el-form ref="registerRef" :model="registerForm" :rules="registerRules" class="register-form">
       <h3 class="title">若依后台管理系统</h3>
       <el-form-item prop="username">
-        <el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="账号">
+        <el-input 
+          v-model="registerForm.username" 
+          type="text" 
+          size="large" 
+          auto-complete="off" 
+          placeholder="账号"
+        >
           <template #prefix><svg-icon icon-class="user" class="el-input__icon input-icon" /></template>
         </el-input>
       </el-form-item>
@@ -11,6 +17,7 @@
         <el-input
           v-model="registerForm.password"
           type="password"
+          size="large" 
           auto-complete="off"
           placeholder="密码"
           @keyup.enter="handleRegister"
@@ -22,6 +29,7 @@
         <el-input
           v-model="registerForm.confirmPassword"
           type="password"
+          size="large" 
           auto-complete="off"
           placeholder="确认密码"
           @keyup.enter="handleRegister"
@@ -31,6 +39,7 @@
       </el-form-item>
       <el-form-item prop="code" v-if="captchaOnOff">
         <el-input
+          size="large" 
           v-model="registerForm.code"
           auto-complete="off"
           placeholder="验证码"
@@ -46,7 +55,7 @@
       <el-form-item style="width:100%;">
         <el-button
           :loading="loading"
-          size="medium"
+          size="large" 
           type="primary"
           style="width:100%;"
           @click.prevent="handleRegister"
@@ -165,15 +174,15 @@ getCode();
   width: 400px;
   padding: 25px 25px 5px 25px;
   .el-input {
-    height: 38px;
+    height: 40px;
     input {
-      height: 38px;
+      height: 40px;
     }
   }
   .input-icon {
     height: 39px;
     width: 14px;
-    margin-left: 2px;
+    margin-left: 0px;
   }
 }
 .register-tip {
@@ -183,7 +192,7 @@ getCode();
 }
 .register-code {
   width: 33%;
-  height: 38px;
+  height: 40px;
   float: right;
   img {
     cursor: pointer;
@@ -203,6 +212,7 @@ getCode();
   letter-spacing: 1px;
 }
 .register-code-img {
-  height: 38px;
+  height: 40px;
+  padding-left: 12px;
 }
 </style>