89 lines
1.4 KiB
Vue
89 lines
1.4 KiB
Vue
<template>
|
|
<view class="page-total">
|
|
<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>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
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: '删除',
|
|
en: 'DEL',
|
|
keyCode: 8,
|
|
}, ],
|
|
keyIndex: -1,
|
|
};
|
|
},
|
|
props: {
|
|
passwrdType: {
|
|
type: String,
|
|
default: 'pay'
|
|
}
|
|
},
|
|
methods: {
|
|
/**
|
|
* 密码键盘按下
|
|
* @param {Object} item
|
|
* @param {Number} index
|
|
*/
|
|
onKeyList(item, index) {
|
|
this.$emit('KeyInfo', item);
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@import 'keyboard.scss';
|
|
</style> |