优化问题

This commit is contained in:
duan
2024-05-25 10:54:28 +08:00
parent 2e3061a967
commit 48b569f49d
11 changed files with 100 additions and 93 deletions

View File

@@ -1,11 +1,14 @@
<template>
<view class="page-total" v-show="isShow">
<view class="key-list">
<view class="list" v-for="(item,index) in keyList"
:class="{'special':item.keyCode==190||item.keyCode==8}"
@click="onKeyList(item,index)"
:key="item.keyCode">
<text>{{item.key}}</text>
<view class="list" v-for="(item,index) in keyList" :class="{'special':item.keyCode==190||item.keyCode==8}"
@click="onKeyList(item,index)" :key="item.keyCode">
<block v-if="item.keyCode!=8">
<text>{{item.key}}</text>
</block>
<block v-else>
<image style="width: 80rpx;height: 80rpx;" src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/drder/tuige.png" mode=""></image>
</block>
</view>
</view>
</view>
@@ -16,71 +19,69 @@
data() {
return {
isShow: false,
keyList: [
{
key: 1,
en: '',
keyCode: 49,
},{
key: 2,
en: 'ABC',
keyCode: 50,
},{
key: 3,
en: 'ABC',
keyCode: 51,
},{
key: 4,
en: 'ABC',
keyCode: 52,
},{
key: 5,
en: 'ABC',
keyCode: 53,
},{
key: 6,
en: 'ABC',
keyCode: 54,
},{
key: 7,
en: 'ABC',
keyCode: 55,
},{
key: 8,
en: 'ABC',
keyCode: 56,
},{
key: 9,
en: 'ABC',
keyCode: 57,
},{
key: '.',
en: 'ABC',
keyCode: 190,
},{
key: 0,
en: 'ABC',
keyCode: 48,
},{
key: 'del',
en: 'DEL',
keyCode: 8,
},
],
keyList: [{
key: 1,
en: '',
keyCode: 49,
}, {
key: 2,
en: 'ABC',
keyCode: 50,
}, {
key: 3,
en: 'ABC',
keyCode: 51,
}, {
key: 4,
en: 'ABC',
keyCode: 52,
}, {
key: 5,
en: 'ABC',
keyCode: 53,
}, {
key: 6,
en: 'ABC',
keyCode: 54,
}, {
key: 7,
en: 'ABC',
keyCode: 55,
}, {
key: 8,
en: 'ABC',
keyCode: 56,
}, {
key: 9,
en: 'ABC',
keyCode: 57,
}, {
key: '.',
en: 'ABC',
keyCode: 190,
}, {
key: 0,
en: 'ABC',
keyCode: 48,
}, {
key: 'del',
en: 'DEL',
keyCode: 8,
}, ],
keyIndex: -1,
};
},
props:{
props: {
passwrdType: {
type: String,
default: 'pay'
}
},
methods:{
show(){
methods: {
show() {
this.isShow = true;
},
hide(){
hide() {
this.isShow = false;
},
/**
@@ -88,17 +89,17 @@
* @param {Object} item
* @param {Number} index
*/
onKeyList(item,index){
let KeyInfo = item;
onKeyList(item, index) {
let KeyInfo = item;
// 删除键
if(KeyInfo.keyCode === 8 && this.keyIndex > -1){
if (KeyInfo.keyCode === 8 && this.keyIndex > -1) {
this.keyIndex--;
}
this.$emit('KeyInfo',KeyInfo);
this.$emit('KeyInfo', KeyInfo);
// 不是删除键
if(KeyInfo.keyCode != 8){
console.log(this.keyIndex,'支付键盘');
if( this.keyIndex = 4){
if (KeyInfo.keyCode != 8) {
console.log(this.keyIndex, '支付键盘');
if (this.keyIndex = 4) {
this.keyIndex = -1;
return;
}
@@ -112,4 +113,4 @@
<style scoped lang="scss">
@import 'cc-defineKeyboard.scss';
</style>
</style>