更新记录

1.0.2(2024-05-06)

优化弹框键盘适配底部全部区问题

1.0.1(2024-04-28)

新增 方法

新增支持传入 background 属性改变格子的背景颜色

1.0.0(2024-04-27)

最新发布数字键盘 支持自动聚焦 支持数字模式和小数点模式

查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.6.14 app-vue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

插件直接放到components下,可在需要使用的页面中引入或在配置文件中设置自动引入模式

使用实例

<view>
    <custom-keyboard
        v-model:value="value"
        type="digit"
        focus
    ></custom-keyboard>
</view>

const value = ref('')

组件并没有使用 input,所以不存在光标,因需要自定义键盘,使用uniapp的api禁止软键盘会有聚焦问题

所以使用了 view 标签代替

value 输入后的值

type 键盘模式 'digit' => 小数点模式 'password' => 数字模式

focus 是否自动聚焦

@confirm 小数点键盘的确定事件

@submit 数字模式时当输入第6位密码时触发的事件

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问