登录样式调整
Showing
1 changed file
with
13 additions
and
13 deletions
| ... | @@ -11,11 +11,16 @@ | ... | @@ -11,11 +11,16 @@ |
| 11 | class="demo-ruleForm" | 11 | class="demo-ruleForm" |
| 12 | > | 12 | > |
| 13 | <el-form-item prop="account"> | 13 | <el-form-item prop="account"> |
| 14 | <el-input v-model="user.account" placeholder="用户名"></el-input> | 14 | <el-input |
| 15 | class="username" | ||
| 16 | v-model="user.account" | ||
| 17 | placeholder="用户名" | ||
| 18 | ></el-input> | ||
| 15 | </el-form-item> | 19 | </el-form-item> |
| 16 | <el-form-item prop="password"> | 20 | <el-form-item prop="password"> |
| 17 | <el-input | 21 | <el-input |
| 18 | type="password" | 22 | type="password" |
| 23 | class="password" | ||
| 19 | v-model="user.password" | 24 | v-model="user.password" |
| 20 | placeholder="登录密码" | 25 | placeholder="登录密码" |
| 21 | ></el-input> | 26 | ></el-input> |
| ... | @@ -129,6 +134,13 @@ export default { | ... | @@ -129,6 +134,13 @@ export default { |
| 129 | }; | 134 | }; |
| 130 | </script> | 135 | </script> |
| 131 | <style scoped lang="scss"> | 136 | <style scoped lang="scss"> |
| 137 | .username, | ||
| 138 | .password { | ||
| 139 | /deep/ .el-input__inner { | ||
| 140 | border: 1px solid #6bc1fc; | ||
| 141 | background-color: transparent !important; | ||
| 142 | } | ||
| 143 | } | ||
| 132 | .bg { | 144 | .bg { |
| 133 | width: 100%; | 145 | width: 100%; |
| 134 | height: 100%; | 146 | height: 100%; |
| ... | @@ -157,7 +169,6 @@ export default { | ... | @@ -157,7 +169,6 @@ export default { |
| 157 | margin-bottom: 20px; | 169 | margin-bottom: 20px; |
| 158 | } | 170 | } |
| 159 | } | 171 | } |
| 160 | |||
| 161 | .login .btn { | 172 | .login .btn { |
| 162 | width: 100%; | 173 | width: 100%; |
| 163 | height: 6vh; | 174 | height: 6vh; |
| ... | @@ -188,20 +199,9 @@ export default { | ... | @@ -188,20 +199,9 @@ export default { |
| 188 | 199 | ||
| 189 | #loginform .el-input__inner { | 200 | #loginform .el-input__inner { |
| 190 | width: 100% !important; | 201 | width: 100% !important; |
| 191 | caret-color: #000 !important; | ||
| 192 | color: #606266 !important; | ||
| 193 | border-radius: 4px !important; | ||
| 194 | border: 1px solid #67c23a !important; | ||
| 195 | background: #fff !important; | ||
| 196 | opacity: 1 !important; | ||
| 197 | } | 202 | } |
| 198 | 203 | ||
| 199 | #loginform .el-input__inner::-webkit-input-placeholder { | ||
| 200 | /* WebKit browsers */ | ||
| 201 | color: #80807f !important; | ||
| 202 | } | ||
| 203 | .el-checkbox__label { | 204 | .el-checkbox__label { |
| 204 | color: #fff; | 205 | color: #fff; |
| 205 | } | 206 | } |
| 206 | </style> | 207 | </style> |
| 207 | <style></style> | ... | ... |
-
Please register or sign in to post a comment