优化问题
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user