Browse Source

修改背景图

See999 4 years ago
parent
commit
48014f8185
2 changed files with 20 additions and 4 deletions
  1. BIN
      src/assets/login/newImg.png
  2. 20 4
      src/pages/home/login.vue

BIN
src/assets/login/newImg.png View File


+ 20 - 4
src/pages/home/login.vue View File

@@ -2,6 +2,9 @@
2 2
   <div class="container">
3 3
     <div class="newLogin">
4 4
       <div class="login">
5
+        <div>
6
+          <img src="../../assets/login/newImg.png" alt style="width: 100%;" />
7
+        </div>
5 8
         <div class="logo">
6 9
           <img src="../../assets/login/newLogo.png" alt />
7 10
         </div>
@@ -10,11 +13,21 @@
10 13
             <ul>
11 14
               <li>
12 15
                 <span class="iconfont">&#xe78b;</span>
13
-                <input placeholder="请输入手机号" type="tel" class="tel" v-model="form.mobile" />
16
+                <input
17
+                  placeholder="请输入手机号"
18
+                  type="tel"
19
+                  class="tel"
20
+                  v-model="form.mobile"
21
+                />
14 22
               </li>
15 23
               <li>
16 24
                 <span class="iconfont">&#xe6c0;</span>
17
-                <input placeholder="请输入密码" type="password" class="tel" v-model="form.pwd" />
25
+                <input
26
+                  placeholder="请输入密码"
27
+                  type="password"
28
+                  class="tel"
29
+                  v-model="form.pwd"
30
+                />
18 31
               </li>
19 32
             </ul>
20 33
           </div>
@@ -35,7 +48,9 @@
35 48
             @click="submitForm"
36 49
             :class="loginDisable ? 'disableLoginBtn' : ''"
37 50
             :disabled="loginDisable"
38
-          >登录</button>
51
+          >
52
+            登录
53
+          </button>
39 54
 
40 55
           <!-- <router-link to="/forgetPassword">
41 56
             <div class="newForget">忘记密码</div>
@@ -246,7 +261,8 @@ export default {
246 261
     @include flex-direction;
247 262
     height: 100%;
248 263
     .logo {
249
-      padding: 3rem 0 2.5rem;
264
+      // padding: 3rem 0 2.5rem;
265
+      padding: 0 0 0.5rem;
250 266
       img {
251 267
         width: 44%;
252 268
         height: auto;