keyboard-num

小程序自定义组件

使用此组件需要依赖小程序基础库 2.2.3 以上版本，同时依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档。

使用效果

使用方法

1. 安装 keyboard-num：

npm install --save miniprogram-keyboard-num

2. 在需要使用 keyboard-num 的页面 page.json 中添加 keyboard-num 自定义组件配置

{
  "usingComponents": {
    "keyboard-num": "miniprogram-keyboard-num",
    "keyboard-num-light": "miniprogram-keyboard-num/light"
  }
}

3. 点击 工具 -> 构建npm

4. WXML 文件中引用 keyboard-num

<keyboard-num></keyboard-num>
<keyboard-num-light></keyboard-num-light>

引用后自动从铺设在给定高度的地方，建议是100%的高度。

keyboard-num的属性介绍如下：

属性名	类型	默认值	是否必须	说明
value	String	-	-	当前输入值：组件外部可以通过此可以改变组件内部的值
type	String	default	-	当前输入类型：指定当前组件的输入类型默认只能是数字字符串，为money时为金额形式
max	Number	-1	-	最大值
maxLength	Number	-1	-	最大长度
useFormate	Boolean	true	-	是否使用格式化显示
title	String	请输入	-	输入框标题
tips	String	-	-	输入框提示文字
submit	String	确定	-	确认按钮提示文字

keyboard-num的事件介绍如下：

change事件

{
  detail: {
    value: {
      current: '', // 当前未格式化输入值
      currentNum: '', // 金额转化为分，默认模式的时候为0
    }
  }
}

confirm事件

{
  detail: {
    value: {
      current: '', // 当前未格式化输入值
      currentNum: '', // 金额转化为分，默认模式的时候为0
    }
  }
}