更改首页

ruoyi-ui/src/views/login.vue

@@ -12,7 +12,7 @@
         <div class="loginTitle">欢迎登录</div>
       </div>
       <div class="title">{{ '' }}</div>
-      <el-form-item prop="username">
+      <el-form-item prop="username" style="margin-top: 40px;">
         <el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="请输入用户名" class="username">
           <img slot="prefix" src="../assets/images/Vector.png" class="el-input__icon input-icon" />
         </el-input>
@@ -27,7 +27,7 @@
       </el-form-item>
       <Verify @success="capctchaCheckSuccess" :mode="'pop'" :captchaType="'blockPuzzle'"
         :imgSize="{ width: '330px', height: '155px' }" ref="verify"></Verify>
-      <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 20px 0px;">记住密码</el-checkbox>
+      <el-checkbox v-model="loginForm.rememberMe" style="margin:40px 0px 20px 0px;">记住密码</el-checkbox>
       <el-form-item style="width: 100%; text-align: center">
         <el-button :loading="loading" size="medium" type="goon" style="width: 100%" @click.native.prevent="handleLogin">
           <span v-if="!loading">登 录</span>
@@ -266,7 +266,7 @@ export default {
   height: 120px;
   background-image: url('../assets/images/login-head.png');
   background-repeat: no-repeat;
-  background-size: 100% auto ;
+  background-size: 100% auto;
   background-position: center center;
 }
 
@@ -305,8 +305,8 @@ export default {
   left: 50%;
   top: 20%;
   transform: translateX(-50%);
-  width: 548px;
-  height: 535px;
+  width: 400px;
+  height: 500px;
   background: #00000080;
   border-radius: 0px 0px 0px 0px;
   opacity: 1;
@@ -327,13 +327,14 @@ export default {
   }
 
   .el-input {
-    width: 420px;
-    height: 70px;
+    width: 300px;
+    height: 60px;
     border-radius: 4px 4px 4px 4px;
     opacity: 1;
     border: 1px solid #01CFFE;
     background-color: transparent;
     margin-bottom: 12px;
+
     ::v-deep .el-input__inner {
       font-size: 20px !important;
     }
@@ -346,8 +347,8 @@ export default {
   }
 
   .input-icon {
-    height: 28px;
-    width: 28px;
+    height: 20px;
+    width: 20px;
     margin-left: 2px;
     position: relative;
     left: 14px;
@@ -391,12 +392,12 @@ export default {
 
 /* 重置按钮 */
 .el-button--goon {
-  font-size: 30px;
+  font-size: 20px;
   font-family: Source Han Sans CN, Source Han Sans CN;
   font-weight: 400;
   color: #FFFFFF;
-  width: 420px;
-  height: 70px;
+  width: 380px;
+  height: 55px;
   background: #07CAF6;
   border-radius: 4px 4px 4px 4px;
   opacity: 1;