|
@@ -21,11 +21,17 @@
|
|
|
<u-form-item prop="password" label="密码">
|
|
|
<view class="input-line">
|
|
|
<u-input
|
|
|
- type="password"
|
|
|
+ :type="passwordType"
|
|
|
placeholder="请输入密码"
|
|
|
v-model="model.password"
|
|
|
border="none"
|
|
|
- ></u-input>
|
|
|
+ >
|
|
|
+ <template slot="suffix">
|
|
|
+ <view class="eye-box" @click="eyeClick">
|
|
|
+ <u-icon :name="eyeIcon"></u-icon>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ </u-input>
|
|
|
</view>
|
|
|
</u-form-item>
|
|
|
</u-form>
|
|
@@ -40,11 +46,22 @@
|
|
|
return {
|
|
|
model:{
|
|
|
loginName:'',
|
|
|
- password:''
|
|
|
+ password:'',
|
|
|
},
|
|
|
+ passwordType:'password',
|
|
|
+ eyeIcon:'eye-off'
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
+ eyeClick() {
|
|
|
+ if(this.passwordType == 'password') {
|
|
|
+ this.passwordType = 'text'
|
|
|
+ this.eyeIcon = 'eye'
|
|
|
+ }else {
|
|
|
+ this.passwordType = 'password'
|
|
|
+ this.eyeIcon = 'eye-off'
|
|
|
+ }
|
|
|
+ },
|
|
|
accountLoginSubmit() {
|
|
|
if(!this.model.loginName){
|
|
|
return uni.$u.toast("请输入账号");
|
|
@@ -104,4 +121,11 @@
|
|
|
height: 88rpx;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
+.eye-box {
|
|
|
+ width: 100rpx;
|
|
|
+ height: 88rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
</style>
|