fmt code

src/views/register.vue

@@ -6,7 +6,7 @@
       :rules="registerRules"
       class="register-form"
     >
-      <h3 class="title">欢迎来到木鸢物联平台</h3>
+      <h3 class="title">欢迎来到<span></span></h3>
       <el-form-item prop="username">
         <el-input
           v-model="registerForm.username"
@@ -79,6 +79,7 @@
           oninput="value=value.replace(/[^\d]/g,'')"
           placeholder="请输入短信验证码"
           size="large"
+          @keyup.enter="handleRegister"
         >
           <template #prefix>
             <svg-icon class="el-input__icon input-icon" icon-class="email" />
@@ -87,7 +88,7 @@
             <el-button
               :loading="getSMSCodeCountDown > 0"
               link
-              type="info"
+              type="primary"
               @click="getSMSCode"
             >
               {{
@@ -112,8 +113,8 @@
         </el-button>
         <div style="float: right">
           <router-link :to="'/login'" class="link-type"
-            >使用已有账户登录</router-link
-          >
+            >使用已有账户登录
+          </router-link>
         </div>
       </el-form-item>
     </el-form>
@@ -254,9 +255,22 @@ getCode();
 }
 
 .title {
-  margin: 0px auto 12px auto;
+  margin: 0 auto 12px auto;
   text-align: center;
   color: #707070;
+  height: 32px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  span {
+    display: block;
+    width: calc(32px / 39 * 157);
+    height: 100%;
+    background-image: url("../assets/images/title.png");
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center left;
+  }
 }
 
 .register-form {
@@ -282,6 +296,11 @@ getCode();
   .sms-code-input {
     :deep(.el-input-group__append) {
       width: 40%;
+
+      .el-button {
+        display: flex;
+        align-items: center;
+      }
     }
   }
 }