fmt code

src/views/login.vue

@@ -6,10 +6,10 @@
       :rules="loginRules"
       class="login-form"
     >
-      <h3 class="title">木鸢物联平台</h3>
+      <h3 class="title"></h3>
       <el-tabs v-model="loginMethod" class="login-method-tabs">
-        <el-tab-pane label="密码登录" name="password"> </el-tab-pane>
-        <el-tab-pane label="验证码登录" name="captcha"> </el-tab-pane>
+        <el-tab-pane label="密码登录" name="password"></el-tab-pane>
+        <el-tab-pane label="验证码登录" name="captcha"></el-tab-pane>
       </el-tabs>
       <div v-if="loginMethod === 'password'">
         <el-form-item prop="username">
@@ -65,8 +65,8 @@
         <el-checkbox
           v-model="loginForm.rememberMe"
           style="margin: 0px 0px 25px 0px"
-          >记住密码</el-checkbox
-        >
+          >记住密码
+        </el-checkbox>
       </div>
       <div v-if="loginMethod === 'captcha'">
         <el-form-item prop="phone">
@@ -148,15 +148,15 @@
             <div v-if="register" style="text-align: left">
               没有账号？
               <router-link :to="'/register'" class="link-type"
-                >立即注册</router-link
-              >
+                >立即注册
+              </router-link>
             </div>
           </el-col>
           <el-col :span="12">
             <div style="text-align: right">
               <router-link class="link-type" to="/iforgot"
-                >忘记密码</router-link
-              >
+                >忘记密码
+              </router-link>
             </div>
           </el-col>
         </el-row>
@@ -304,9 +304,14 @@ getCookie();
 }
 
 .title {
-  margin: 0px auto 12px auto;
+  margin: 0 auto 0 auto;
   text-align: center;
+  height: 32px;
   color: #707070;
+  background-image: url("../assets/images/title.png");
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
 }
 
 .login-form {

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;
+      }
     }
   }
 }