更新记录

1.1.2（2024-07-01） 下载此版本

1. 新增动画事件
2. 新增车牌号码最后一位新能源特殊样式
3. 处理当输入位数太短时 显示框异常的大
4. 处理震动反馈无效的问题
5. 修复删除异常

1.1.1（2023-06-23） 下载此版本

1. 添加示例项目
2. 欢迎添加QQ: 707200833 直接进行反馈

1.1.0（2023-06-21） 下载此版本

写在开始, 此版本算是重做了, 但还是保留了 1.0.2 的版本, 所以插件体积包会比较大, 使用时请按需导入.

组件说明

平台兼容性

xm-keyboard 介绍

xm-keyboard是一款虚拟键盘, 支持自定义拓展键盘内容。

插件已按照easycom处理, 支持直接使用

如何使用(v1.1.0使用说明)

xm-keyboard-v2

xm-keyboard-v2, 是对多个组件的聚合处理，也可以自行结合实现

<template>
    <view>
        <xm-cell special label="【v2】车牌号" :value="value" @show="showKeyboard('xmKeyboard')"></xm-cell>
        // 虚拟键盘载体
        <xm-keyboard-v2 ref="xmKeyboard" @confirm="(v) => value = v"></xm-keyboard-v2>
    </view>
</template>

<script>
    export default {
        data(){
            return {
                value: '京A11223'
            }
        },
        methods: {
            showKeyboard(ref){
                this.$refs[ref].toShow(this.value)
            },
        }
    }
</script>

属性说明

事件说明

xm-keyboard-box

键盘界面

<template>
    <view>
        <xm-keyboard-box></xm-keyboard-v2>
    </view>
</template>

<script>
    export default {

    }
</script>

属性说明

事件说明

xm-keyboard-input

键盘输入框界面

<template>
    <view>
        <xm-keyboard-input></xm-keyboard-input>
    </view>
</template>

<script>
    export default {

    }
</script>

属性说明

maxSize

事件说明

如何使用(v1.0.2使用说明)

<xm-keyboard :show="show"></xm-keyboard>

属性说明

事件说明

快速体验