|
@@ -45,6 +45,7 @@
|
|
<div class="input">
|
|
<div class="input">
|
|
<el-form-item prop="account">
|
|
<el-form-item prop="account">
|
|
<el-input
|
|
<el-input
|
|
|
|
+ autocomplete="off"
|
|
placeholder="手机号/身份证号"
|
|
placeholder="手机号/身份证号"
|
|
v-model="loginForm.account"
|
|
v-model="loginForm.account"
|
|
></el-input>
|
|
></el-input>
|
|
@@ -53,13 +54,16 @@
|
|
<div class="input">
|
|
<div class="input">
|
|
<el-form-item prop="pwd"
|
|
<el-form-item prop="pwd"
|
|
><el-input
|
|
><el-input
|
|
|
|
+ autocomplete="off"
|
|
placeholder="密码"
|
|
placeholder="密码"
|
|
- type="pwd"
|
|
|
|
|
|
+ :type="loginPwdShow ? 'text' : 'password'"
|
|
v-model="loginForm.pwd"
|
|
v-model="loginForm.pwd"
|
|
>
|
|
>
|
|
<i
|
|
<i
|
|
|
|
+ @click="loginPwdShow = !loginPwdShow"
|
|
slot="suffix"
|
|
slot="suffix"
|
|
- class="el-icon-view btn"
|
|
|
|
|
|
+ :class="{ btn: loginPwdShow ? true : false }"
|
|
|
|
+ class="el-icon-view"
|
|
></i> </el-input
|
|
></i> </el-input
|
|
></el-form-item>
|
|
></el-form-item>
|
|
</div>
|
|
</div>
|
|
@@ -86,6 +90,7 @@
|
|
<div class="input">
|
|
<div class="input">
|
|
<el-form-item prop="tel"
|
|
<el-form-item prop="tel"
|
|
><el-input
|
|
><el-input
|
|
|
|
+ autocomplete="off"
|
|
placeholder="手机号"
|
|
placeholder="手机号"
|
|
v-model="loginSmsForm.tel"
|
|
v-model="loginSmsForm.tel"
|
|
></el-input
|
|
></el-input
|
|
@@ -94,6 +99,7 @@
|
|
<div class="input">
|
|
<div class="input">
|
|
<el-form-item prop="code"
|
|
<el-form-item prop="code"
|
|
><el-input
|
|
><el-input
|
|
|
|
+ autocomplete="off"
|
|
placeholder="短信验证码"
|
|
placeholder="短信验证码"
|
|
v-model="loginSmsForm.code"
|
|
v-model="loginSmsForm.code"
|
|
>
|
|
>
|
|
@@ -140,6 +146,7 @@
|
|
<div class="input">
|
|
<div class="input">
|
|
<el-form-item prop="tel"
|
|
<el-form-item prop="tel"
|
|
><el-input
|
|
><el-input
|
|
|
|
+ autocomplete="off"
|
|
placeholder="手机号"
|
|
placeholder="手机号"
|
|
v-model="registerForm.tel"
|
|
v-model="registerForm.tel"
|
|
></el-input
|
|
></el-input
|
|
@@ -148,6 +155,7 @@
|
|
<div class="input">
|
|
<div class="input">
|
|
<el-form-item prop="code">
|
|
<el-form-item prop="code">
|
|
<el-input
|
|
<el-input
|
|
|
|
+ autocomplete="off"
|
|
placeholder="获取验证码"
|
|
placeholder="获取验证码"
|
|
v-model="registerForm.code"
|
|
v-model="registerForm.code"
|
|
>
|
|
>
|
|
@@ -163,8 +171,18 @@
|
|
</div>
|
|
</div>
|
|
<div class="input">
|
|
<div class="input">
|
|
<el-form-item prop="pwd"
|
|
<el-form-item prop="pwd"
|
|
- ><el-input placeholder="密码" v-model="registerForm.pwd">
|
|
|
|
- <i class="el-icon-view"></i> </el-input
|
|
|
|
|
|
+ ><el-input
|
|
|
|
+ autocomplete="off"
|
|
|
|
+ placeholder="密码"
|
|
|
|
+ :type="registerPwdShow ? 'text' : 'password'"
|
|
|
|
+ v-model="registerForm.pwd"
|
|
|
|
+ >
|
|
|
|
+ <i
|
|
|
|
+ class="el-icon-view"
|
|
|
|
+ @click="registerPwdShow = !registerPwdShow"
|
|
|
|
+ slot="suffix"
|
|
|
|
+ :class="{ btn: registerPwdShow ? true : false }"
|
|
|
|
+ ></i> </el-input
|
|
></el-form-item>
|
|
></el-form-item>
|
|
</div>
|
|
</div>
|
|
<div class="text">
|
|
<div class="text">
|
|
@@ -209,7 +227,11 @@
|
|
<div class="findpwd__body">
|
|
<div class="findpwd__body">
|
|
<div class="input">
|
|
<div class="input">
|
|
<el-form-item prop="tel"
|
|
<el-form-item prop="tel"
|
|
- ><el-input placeholder="手机号" v-model="forgetForm.tel">
|
|
|
|
|
|
+ ><el-input
|
|
|
|
+ placeholder="手机号"
|
|
|
|
+ autocomplete="off"
|
|
|
|
+ v-model="forgetForm.tel"
|
|
|
|
+ >
|
|
</el-input
|
|
</el-input
|
|
></el-form-item>
|
|
></el-form-item>
|
|
</div>
|
|
</div>
|
|
@@ -217,6 +239,7 @@
|
|
<el-form-item prop="code">
|
|
<el-form-item prop="code">
|
|
<el-input
|
|
<el-input
|
|
placeholder="短信验证码"
|
|
placeholder="短信验证码"
|
|
|
|
+ autocomplete="off"
|
|
v-model="forgetForm.code"
|
|
v-model="forgetForm.code"
|
|
>
|
|
>
|
|
<span class="btn" slot="suffix">获取验证码</span>
|
|
<span class="btn" slot="suffix">获取验证码</span>
|
|
@@ -225,8 +248,18 @@
|
|
</div>
|
|
</div>
|
|
<div class="input">
|
|
<div class="input">
|
|
<el-form-item prop="pwd">
|
|
<el-form-item prop="pwd">
|
|
- <el-input placeholder="密码" v-model="forgetForm.pwd">
|
|
|
|
- <i class="el-icon-view btn" slot="suffix"></i>
|
|
|
|
|
|
+ <el-input
|
|
|
|
+ placeholder="密码"
|
|
|
|
+ autocomplete="off"
|
|
|
|
+ :type="forgetPwdShow ? 'text' : 'password'"
|
|
|
|
+ v-model="forgetForm.pwd"
|
|
|
|
+ >
|
|
|
|
+ <i
|
|
|
|
+ class="el-icon-view"
|
|
|
|
+ @click="forgetPwdShow = !forgetPwdShow"
|
|
|
|
+ :class="{ btn: forgetPwdShow ? true : false }"
|
|
|
|
+ slot="suffix"
|
|
|
|
+ ></i>
|
|
</el-input>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</div>
|
|
</div>
|
|
@@ -234,10 +267,14 @@
|
|
<el-form-item prop="pwdAgain"
|
|
<el-form-item prop="pwdAgain"
|
|
><el-input
|
|
><el-input
|
|
placeholder="再次输入密码"
|
|
placeholder="再次输入密码"
|
|
|
|
+ autocomplete="off"
|
|
|
|
+ :type="forgetPwdShow ? 'text' : 'password'"
|
|
v-model="forgetForm.pwdAgain"
|
|
v-model="forgetForm.pwdAgain"
|
|
>
|
|
>
|
|
<i
|
|
<i
|
|
- class="el-icon-view btn"
|
|
|
|
|
|
+ class="el-icon-view"
|
|
|
|
+ @click="forgetPwdShow = !forgetPwdShow"
|
|
|
|
+ :class="{ btn: forgetPwdShow ? true : false }"
|
|
slot="suffix"
|
|
slot="suffix"
|
|
></i> </el-input
|
|
></i> </el-input
|
|
></el-form-item>
|
|
></el-form-item>
|
|
@@ -384,6 +421,9 @@ export default {
|
|
isBind: false,
|
|
isBind: false,
|
|
user_account: "",
|
|
user_account: "",
|
|
token: "",
|
|
token: "",
|
|
|
|
+ loginPwdShow: false,
|
|
|
|
+ registerPwdShow: false,
|
|
|
|
+ forgetPwdShow: false,
|
|
};
|
|
};
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
@@ -687,7 +727,8 @@ export default {
|
|
float: left;
|
|
float: left;
|
|
width: 496px;
|
|
width: 496px;
|
|
height: 318px;
|
|
height: 318px;
|
|
- background: green;
|
|
|
|
|
|
+ background: url("~@/assets/pic.png") no-repeat center;
|
|
|
|
+ background-size: cover;
|
|
margin-top: 95px;
|
|
margin-top: 95px;
|
|
margin-left: 152px;
|
|
margin-left: 152px;
|
|
}
|
|
}
|
|
@@ -702,6 +743,10 @@ export default {
|
|
margin-top: 40px;
|
|
margin-top: 40px;
|
|
margin-right: 140px;
|
|
margin-right: 140px;
|
|
|
|
|
|
|
|
+ .el-icon-view {
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ }
|
|
|
|
+
|
|
.el-form-item {
|
|
.el-form-item {
|
|
margin: 0;
|
|
margin: 0;
|
|
}
|
|
}
|