初始版1.1

src/views/login.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="login">
     <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-      <h3 class="title">三水清模板</h3>
+      <h3 class="title">后台登录</h3>
       <el-form-item prop="username">
         <el-input
           v-model="loginForm.username"
@@ -38,7 +38,7 @@
         </div>
       </el-form-item>
       <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
-      <el-form-item style="width:100%;">
+      <el-form-item style="width:100%;display: flex;flex-direction: column;">
         <el-button
           :loading="loading"
           size="medium"
@@ -49,9 +49,17 @@
           <span v-if="!loading">登 录</span>
           <span v-else>登 录 中...</span>
         </el-button>
-        <div style="float: right;" v-if="register">
+        <el-button
-          <router-link class="link-type" :to="'/register'">立即注册</router-link>
+          size="medium"
-        </div>
+          type="warning"
+          style="width:100%;margin-left: 0px;margin-top: 10px;"
+          v-if="register"
+        >
+          <span>
+            <router-link :to="'/register'">立即注册</router-link>
+          </span>
+
+        </el-button>
       </el-form-item>
     </el-form>
     <!--  底部  -->
@@ -89,7 +97,7 @@ export default {
       },
       loading: false,
       // 验证码开关
-      captchaEnabled: true,
+      captchaEnabled: false,
       // 注册开关
       register: false,
       redirect: undefined
@@ -161,7 +169,7 @@ export default {
   justify-content: center;
   align-items: center;
   height: 100%;
-  background-image: url("../assets/images/login-background.jpg");
+  background: #F5F7FA;
   background-size: cover;
 }
 .title {
@@ -171,6 +179,7 @@ export default {
 }
 
 .login-form {
+  box-shadow: 0 0 5px #EBEEF5;
   border-radius: 6px;
   background: #ffffff;
   width: 400px;
@@ -208,7 +217,7 @@ export default {
   bottom: 0;
   width: 100%;
   text-align: center;
-  color: #fff;
+  color: #909399;
   font-family: Arial;
   font-size: 12px;
   letter-spacing: 1px;

src/views/register.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="register">
     <el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
-      <h3 class="title">管理系统</h3>
+      <h3 class="title">后台注册</h3>
       <el-form-item prop="username">
         <el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="账号">
           <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
@@ -151,7 +151,7 @@ export default {
   justify-content: center;
   align-items: center;
   height: 100%;
-  background-image: url("../assets/images/login-background.jpg");
+  background: #F5F7FA;
   background-size: cover;
 }
 .title {
@@ -161,6 +161,7 @@ export default {
 }
 
 .register-form {
+  box-shadow: 0 0 5px #EBEEF5;
   border-radius: 6px;
   background: #ffffff;
   width: 400px;
@@ -198,7 +199,7 @@ export default {
   bottom: 0;
   width: 100%;
   text-align: center;
-  color: #fff;
+  color: #909399;
   font-family: Arial;
   font-size: 12px;
   letter-spacing: 1px;