调整体重记录bug显示重复数据bug,变更钱包设置密码,验证密码键盘key

This commit is contained in:
唐明明
2022-01-17 14:31:05 +08:00
parent 7cedee35fe
commit 61d389bef4
8 changed files with 221 additions and 42 deletions

View File

@@ -23,17 +23,30 @@
<view class="ios-bottom"></view>
</view>
<!-- 钱包密码 -->
<u-popup :show="passwordShow" @close="resetPassword" closeable borderRadius="10">
<u-popup :show="passwordShow" @close="resetPassword" mode="center" round="10" borderRadius="10">
<view class="validationPassword">
<view class="from">
<view class="title">钱包密码</view>
<input type="number" v-model="password" maxlength="6" placeholder="请输入钱包密码" />
</view>
<view class="buttons">
<view class="button confirm" @click="payPassword('confirm', passwordPages)">验证</view>
<view class="title">验证钱包密码</view>
<view class="inputs">
<text v-for="item in password.length" :key="item"></text>
<text class="flicker-animation">|</text>
</view>
</view>
</view>
</u-popup>
</u-popup>
<!-- key -->
<u-keyboard
mode="number"
random
dotDisabled
:overlay="false"
:show="passwordShow"
confirmText="验证"
@change="keyValChange"
@backspace="keyValBackspace"
@confirm="payPassword('confirm', passwordPages)"
@cancel="passwordShow = false"
></u-keyboard>
</view>
</template>
@@ -69,6 +82,15 @@
})
},
methods: {
// 键盘输入
keyValChange(e){
if(this.password.length >= 6) return
this.password += e
},
// 键盘删除
keyValBackspace(e){
if(this.password.length) this.password = this.password.substr(0, this.password.length - 1)
},
// 弹出私钥
showPrivatekey(pages){
this.passwordShow = true
@@ -159,11 +181,22 @@
}
}
}
</script>
</script>
<style>
.flicker-animation{
animation: flicker .8s infinite;
}
@keyframes flicker{
0%{opacity: 0;}
100{opacity: 1;}
}
</style>
<style lang="scss" scoped>
// 验证密码弹出层
.validationPassword{
width: 80vw;
.from{
padding: $padding*2;
text-align: center;
@@ -176,12 +209,27 @@
font-size: $title-size;
padding-bottom: $padding;
}
input{
background: $window-color;
// input{
// background: $window-color;
// height: 90rpx;
// left: 90rpx;
// font-size: $title-size-lg;
// border-radius: 45rpx;
// }
.inputs {
background-color: $window-color;
height: 90rpx;
left: 90rpx;
font-size: $title-size-lg;
line-height: 90rpx;
border-radius: 45rpx;
font-size: $title-size-lg;
text-align: center;
text{
padding: 0 10rpx;
text-align: center;
}
.placeholder{
color: $text-gray;
}
}
}
.buttons{