1、2323

Former-commit-id: ce0fb202f1109a770083b60b68b1b54db4a523c7

src/main/resources/modules/SpringBoot/resources/templates/screen/login.ftl

@@ -5,20 +5,33 @@
 
             <el-form :model="form" :rules="rules" ref="form" class="loginForm">
                 <el-form-item prop="username">
-                    <el-input placeholder="用户名" v-model="form.username">
-                        <template slot="prepend"><i class="icon iconfont el-icon-user"></i></template>
-                    </el-input>
+                    <el-row>
+                        <el-col :span="2" :offset="2">
+                            <i size="mini" class="icon iconfont el-icon-user"></i>
+                        </el-col>
+                        <el-col :span="18">
+                            <el-input placeholder="用户名" size="mini" v-model="form.username"></el-input>
+                        </el-col>
+                    </el-row>
                 </el-form-item>
 
                 <el-form-item prop="password">
-                    <el-input placeholder="密码" v-model="form.password" type="password">
-                        <template slot="prepend"><i class="icon iconfont el-icon-lock"></i></template>
-                    </el-input>
+                    <el-row>
+                        <el-col :span="2" :offset="2">
+                            <i class="icon iconfont el-icon-lock"></i>
+                        </el-col>
+                        <el-col :span="18">
+                            <el-input placeholder="密码" size="mini" v-model="form.password" type="password"></el-input>
+                        </el-col>
+                    </el-row>
                 </el-form-item>
+
                 <el-form-item>
-                    <el-button type="primary" style="width: 100%" :loading="isSubmit" :disabled="isSubmit"
+                        <el-col :span="18" :offset="4">
+                            <el-button type="primary" size="mini" style="width: 100%" :loading="isSubmit" :disabled="isSubmit"
                                        @click="submitForm('form')">登录
                             </el-button>
+                        </el-col>
                 </el-form-item>
             </el-form>
 
@@ -34,14 +47,14 @@
         padding: 0;
         margin: 0;
         display: flex;
-        background: #001d3a;
+        background: #252a2f;
         justify-content: center;
         align-items: center;
     }
 
     .frame {
-        width: 500px;
-        height: 450px;
+        width: 350px;
+        height: 320px;
         background: #42424263;
         border-radius: 10px;
         display: flex;
@@ -57,35 +70,34 @@
         text-align: left;
     }
 
-    .login-title {
-        line-height: 50px;
+    .login-box .login-title {
+        line-height: 40px;
         border-bottom: 1px solid #e8e8e8;
         font-weight: bold;
         text-align: left;
         padding-left: 20px;
-        font-size: 15px;
-        height: 50px;
+        font-size: 14px;
+        height: 40px;
         color: #757575;
     }
 
-    .loginForm {
-        width: 300px;
-        margin-top: 20px;
-        margin-left: 20px;
-        margin-right: 20px;
+    .login-box .loginForm {
+        width: 220px;
+        margin-top: 10px;
+        margin-left: 10px;
+        margin-right: 10px;
     }
 
-    .loginForm .el-input-group__prepend {
-        padding: 10px;
+    .login-box .loginForm .el-form-item{
+        margin-bottom: 5px;
     }
 
-    .tip {
+    .login-box .tip {
         padding: 5px;
         display: inline-block;
         text-align: center;
         color: #b7b7b7;
         width: 100%;
-        margin-bottom: 10px;
     }
 
 </style>
@@ -101,10 +113,10 @@
             },
             rules: {
                 username: [
-                    {required: true, message: '请输入用户名', trigger: 'blur'}
+                    {required: true, message: ' ', trigger: 'blur'}
                 ],
                 password: [
-                    {required: true, message: '请输入密码', trigger: 'change'}
+                    {required: true, message: ' ', trigger: 'change'}
                 ],
             }
         },