4f698eef by yangwei

登录页调整

1 parent 5636d350

1.81 MB | W: | H:

1.74 MB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
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>
......