更新记录

1.0.0(2025-12-11) 下载此版本

  • 初始发布:封装数字键盘 boc-keyboard,支持光标拖拽、物理键盘输入、暗黑/亮色主题。

平台兼容性

uni-app(3.6.15)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
- - - - - -

uni-app x(3.6.15)

Chrome Safari Android iOS 鸿蒙 微信小程序

其他

多语言 暗黑模式 宽屏模式
×

boc-keyboard

数字键盘组件,支持点击/拖拽移动光标、物理键盘输入,暗黑/亮色主题,适配 H5/小程序/APP/PC。

安装

将本插件放入 uni_modules 目录,HBuilderX/uniapp 自动识别。

使用示例

<template>
  <view>
    <boc-keyboard
      v-model="value"
      theme="light"
      :scale="1"
      @confirm="onConfirm"
      @close="onClose"
    />
  </view>
</template>

<script>
export default {
  data() {
    return { value: '' }
  },
  methods: {
    onConfirm(val) {
      console.log('confirm', val)
    },
    onClose() {
      console.log('closed')
    }
  }
}
</script>

属性

  • value:字符串或数字,支持 v-model
  • themelight | dark,默认 light
  • scale:缩放比例 0.5~1.5,默认 1

事件

  • confirm(value: number):点击确认触发
  • close:关闭按钮触发
  • input / update:value:输入变化时触发

目录结构

  • components/boc-keyboard/NumberKeyboard.vue 主组件
  • index.js 导出入口
  • readme.md / changelog.md / package.json 插件元数据

更多发布规范参考官方文档:https://uniapp.dcloud.net.cn/plugin/publish.html#components

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。