登录页调整
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