|
@@ -8,7 +8,7 @@
|
|
|
>
|
|
|
<!-- <img src="../images/dibu1.png" alt="" class="img" /> -->
|
|
|
<!-- <h3 class="title">智能督察管理平台</h3> -->
|
|
|
- <el-form-item prop="username" >
|
|
|
+ <el-form-item prop="username">
|
|
|
<el-input
|
|
|
v-model="loginForm.username"
|
|
|
type="text"
|
|
@@ -22,7 +22,7 @@
|
|
|
/>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="password" >
|
|
|
+ <el-form-item prop="password">
|
|
|
<el-input
|
|
|
v-model="loginForm.password"
|
|
|
type="password"
|
|
@@ -187,7 +187,7 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style rel="stylesheet/scss" lang="scss">
|
|
|
+<style rel="stylesheet/scss" lang="scss" scoped>
|
|
|
.login {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
@@ -201,14 +201,16 @@ export default {
|
|
|
text-align: center;
|
|
|
color: #01cfff;
|
|
|
}
|
|
|
-
|
|
|
+::v-deep .login-form .el-input {
|
|
|
+ width: 390px;
|
|
|
+}
|
|
|
.login-form {
|
|
|
position: relative;
|
|
|
border-radius: 6px;
|
|
|
width: 1059px;
|
|
|
height: 604px;
|
|
|
padding: 180px 56px 50px 79px;
|
|
|
- background: url("../assets/images/边框.png") no-repeat ;
|
|
|
+ background: url("../assets/images/边框.png") no-repeat;
|
|
|
background-size: cover;
|
|
|
.el-input {
|
|
|
height: 38px;
|
|
@@ -223,13 +225,13 @@ export default {
|
|
|
height: 39px;
|
|
|
width: 14px;
|
|
|
margin-left: 2px;
|
|
|
- margin-top:4px;
|
|
|
- color: #01CFFF;
|
|
|
+ margin-top: 4px;
|
|
|
+ color: #01cfff;
|
|
|
}
|
|
|
}
|
|
|
-.el-form-item__error{
|
|
|
- margin-left: 510px;
|
|
|
- margin-top:15px !important;
|
|
|
+.el-form-item__error {
|
|
|
+ margin-left: 510px;
|
|
|
+ margin-top: 15px !important;
|
|
|
}
|
|
|
.login-tip {
|
|
|
font-size: 13px;
|
|
@@ -274,9 +276,7 @@ export default {
|
|
|
color: #fff;
|
|
|
border: 1px solid #01cfff;
|
|
|
}
|
|
|
-.el-form-item__error {
|
|
|
- left: 510px !important;
|
|
|
-}
|
|
|
+
|
|
|
.img {
|
|
|
position: absolute;
|
|
|
bottom: -25px;
|
|
@@ -287,4 +287,21 @@ export default {
|
|
|
margin-bottom: 40px;
|
|
|
margin-top: 30px;
|
|
|
}
|
|
|
+::v-deep .el-form-item__error {
|
|
|
+ margin-left: 510px !important;
|
|
|
+ margin-top: 10px !important;
|
|
|
+}
|
|
|
+.el-form-item {
|
|
|
+ margin-bottom: 40px !important;
|
|
|
+}
|
|
|
+::v-deep .el-form-item.is-error .el-input__inner {
|
|
|
+ background-color: transparent !important;
|
|
|
+ height: 46px;
|
|
|
+}
|
|
|
+::v-deep .el-input--medium .el-input__inner {
|
|
|
+ color: #fff;
|
|
|
+ background-color: transparent !important;
|
|
|
+ height: 46px;
|
|
|
+ border: 1px solid #01cfff;
|
|
|
+}
|
|
|
</style>
|