登录页调整
Showing
3 changed files
with
15 additions
and
2 deletions
src/image/loginLogo.png
0 → 100644
256 KB
1 | <template> | 1 | <template> |
2 | <div class="bg"> | 2 | <div class="bg"> |
3 | <div class="login-logo"></div> | ||
3 | <div class="login-inner-bg login"> | 4 | <div class="login-inner-bg login"> |
4 | <h2>{{ productName }}</h2> | 5 | <h2>{{ productName }}</h2> |
5 | <div class="user_style"> | 6 | <div class="user_style"> |
... | @@ -9,7 +10,7 @@ | ... | @@ -9,7 +10,7 @@ |
9 | <el-input class="username" v-model="user.account" placeholder="请输入用户名"></el-input> | 10 | <el-input class="username" v-model="user.account" placeholder="请输入用户名"></el-input> |
10 | </el-form-item> | 11 | </el-form-item> |
11 | <el-form-item prop="password"> | 12 | <el-form-item prop="password"> |
12 | <el-input type="password" class="password" @keyup.native="login('user')" v-model="user.password" | 13 | <el-input type="password" class="password" @keyup.enter.native="login('user')" v-model="user.password" |
13 | placeholder="请输入密码"></el-input> | 14 | placeholder="请输入密码"></el-input> |
14 | </el-form-item> | 15 | </el-form-item> |
15 | <el-form-item class="login-btn"> | 16 | <el-form-item class="login-btn"> |
... | @@ -149,11 +150,20 @@ | ... | @@ -149,11 +150,20 @@ |
149 | background-size: 100% 100%; | 150 | background-size: 100% 100%; |
150 | overflow: hidden; | 151 | overflow: hidden; |
151 | position: relative; | 152 | position: relative; |
153 | .login-logo { | ||
154 | background: url(../../image/loginLogo.png) no-repeat; | ||
155 | background-size: 100% 100%; | ||
156 | width: 28%; | ||
157 | height: 52%; | ||
158 | position: absolute; | ||
159 | top: 25%; | ||
160 | left: 19%; | ||
161 | } | ||
152 | } | 162 | } |
153 | 163 | ||
154 | .login-inner-bg { | 164 | .login-inner-bg { |
155 | background: url(../../image/loginBg.png) no-repeat; | 165 | background: url(../../image/loginBg.png) no-repeat; |
156 | width: 21.6%; | 166 | width: 20.6%; |
157 | height: 43%; | 167 | height: 43%; |
158 | min-width: 360px; | 168 | min-width: 360px; |
159 | min-height: 380px; | 169 | min-height: 380px; |
... | @@ -247,4 +257,7 @@ | ... | @@ -247,4 +257,7 @@ |
247 | padding: 6px 24px !important; | 257 | padding: 6px 24px !important; |
248 | border: 1px solid #9f9f9f !important; | 258 | border: 1px solid #9f9f9f !important; |
249 | } | 259 | } |
260 | tr.hover-row > td.el-table__cell { | ||
261 | background-color: transparent !important; | ||
262 | } | ||
250 | </style> | 263 | </style> | ... | ... |
-
Please register or sign in to post a comment