更新记录

1.0.2（2025-01-10） 下载此版本

新增点击时的交互样式

1.0.1（2024-12-20） 下载此版本

添加示例项目

1.0.0（2024-12-20） 下载此版本

数字键盘，可随机生成数字键盘和自定义数字键盘的关闭按钮和删除按钮。

平台兼容性

uni-app

其他

组件说明

适用项目：uniapp 用途：数字键盘 数字键盘，支持自定义关闭和删除按钮，随机数字键盘

引入组件

import yKeyboard from '@/uni_modules/y-keyboard/components/y-keyboard/y-keyboard.vue'

注册组件

components: {
    yKeyboard
},
// 调用组件
<y-keyboard
    @input="keyInput"
    @delete="deleteFun"
    @longpress="butLongpress"
    ref="yKeyboardRef">
</y-keyboard>

// 使用方法
data() {
    return {
        key1: "",
    }
},

methods: {
    // 长按事件
    butLongpress() {
        this.key1 = "";
    },
    deleteFun() {
        if(this.key1.length == 0) return
        this.key1 = this.key1.slice(0, -1);
    },
    keyInput(val) {
        this.key1 += val;
    },
    openK() {
        this.$refs.yKeyboardRef.show();
    },
}

属性说明

方法

演示案例

可下载示例项目查看