|
@@ -4,15 +4,17 @@
|
|
|
<view class="flex item">
|
|
|
<view>旧密码</view>
|
|
|
<view><input class="uni-input" :password="show" maxlength="16" v-model="pwd.oldPassword" placeholder="请输入旧密码" /></view>
|
|
|
+ <view class="label show"><view class="icon" :class="{ active: !show }" @click="show = !show"></view></view>
|
|
|
</view>
|
|
|
<view class="flex item">
|
|
|
<view>新密码</view>
|
|
|
- <view><input class="uni-input" :password="show" maxlength="16" v-model="pwd.newPassword" placeholder="请输入新密码" /></view>
|
|
|
- <view class="label show"><view class="icon" :class="{ active: !show }" @click="show = !show"></view></view>
|
|
|
+ <view><input class="uni-input" :password="newPwd" maxlength="16" v-model="pwd.newPassword" placeholder="请输入新密码" /></view>
|
|
|
+ <view class="label show"><view class="icon" :class="{ active: !newPwd }" @click="newPwd = !newPwd"></view></view>
|
|
|
</view>
|
|
|
<view class="flex item">
|
|
|
<view>确认密码</view>
|
|
|
- <view><input class="uni-input" :password="show" maxlength="16" v-model="pwd.rePassword" placeholder="请再次输入新密码" /></view>
|
|
|
+ <view><input class="uni-input" :password="reNewPwd" maxlength="16" v-model="pwd.rePassword" placeholder="请再次输入新密码" /></view>
|
|
|
+ <view class="label show"><view class="icon" :class="{ active: !reNewPwd }" @click="reNewPwd = !newPwd"></view></view>
|
|
|
</view>
|
|
|
<view class="item">
|
|
|
<text style="color: gray;">密码必须是8-16位英文字母、数字、字符组合(不能是纯数字)</text>
|
|
@@ -29,21 +31,10 @@
|
|
|
data() {
|
|
|
return {
|
|
|
user: this.getUser(),
|
|
|
- pwd: [{
|
|
|
- label: '旧密码',
|
|
|
- oldPassword: '',
|
|
|
- isShow: true,
|
|
|
- },{
|
|
|
- label: '新密码',
|
|
|
- newPassword: '',
|
|
|
- isShow: true,
|
|
|
- },{
|
|
|
- label: '确认密码',
|
|
|
- rePassword: '',
|
|
|
- isShow: true,
|
|
|
- }
|
|
|
- ],
|
|
|
- show: true
|
|
|
+ pwd: {},
|
|
|
+ show: true,
|
|
|
+ newPwd: true,
|
|
|
+ reNewPwd: true,
|
|
|
}
|
|
|
},
|
|
|
methods: {
|