自定义键盘支付的回退折中方案

This commit is contained in:
Dftre 2024-05-28 02:20:28 +08:00
parent 762e43f790
commit 000dd462ab

View File

@ -17,8 +17,8 @@
</view> </view>
</view> </view>
<view class="u-flex u-row-center"> <view class="u-flex u-row-center">
<u-message-input mode="box" :maxlength="6" :dot-fill="true" v-model="password" :disabled-keyboard="true" <u-message-input mode="box" :maxlength="6" :dot-fill="true" v-model="password"
@finish="finish"></u-message-input> :disabled-keyboard="true" @finish="finish"></u-message-input>
</view> </view>
<view class="u-text-center u-padding-top-10 u-padding-bottom-20 tips">支付键盘</view> <view class="u-text-center u-padding-top-10 u-padding-bottom-20 tips">支付键盘</view>
</view> </view>
@ -35,7 +35,6 @@ export default {
} }
}, },
onLoad() { onLoad() {
}, },
methods: { methods: {
onChange(val) { onChange(val) {
@ -69,6 +68,15 @@ export default {
showPop(flag = true) { showPop(flag = true) {
this.password = ''; this.password = '';
this.show = flag; this.show = flag;
// #ifdef H5 || WEB
setTimeout(() => {
const btn = document.querySelector('.u-keyboard__button-wrapper__button.u-keyboard__button-wrapper__button--gray');
if (!!btn) {
console.log(btn);
btn.onclick = this.onBackspace
}
}, 500)
// #endif
}, },
finish() { finish() {
console.log(11111) console.log(11111)