@mas.io/mas-cpay-num-keyboard
v0.0.4
Published
mas-cpay-num-keyboard 的组件描述
Readme
安装
tnpm install --save @alipay/mas-cpay-num-keyboard组件介绍
行业小程序云支付收银助手数字键盘组件,结合云支付iot 蜻蜓plus 与收银助手的组件样式,针对支付宝行业的各个不同场景进行定制化开发,满足业务需求。
参数说明
参数名称 | 必填 | 参数类型 | 参数说明 | 默认值 | 示例 | --- | --- | --- | --- | --- | --- | value | 否 | Number | 值 | 无 | | className | 否 | String | class样式 | 无 | | comfimText | 否 | Sting | 确定按钮文案 ,长度最好两个汉字 | 确定 | 确定 | type | 否 | String | 键盘模式 目前有’default‘,’iot‘ 两种类型 | default | default ,iot | isVibrate | 否 | Boolean | 是否在输入时震动 | false | | iotCheckText | 否 | String | 一个按钮的文案 ,目前有type为iot时有效 长度最好两个汉字| 查账 | 查账 | iotCheck | 否 | Boolean | 控制按钮的文案显示 ,默认为false不显示 设置true时显示 | onLook | type为iot时 必填 | Function | 查账按钮点击时触发 , 目前有type为iot时有效| | onChange: () => {}, | onChange | 是 | Function | 数字改变时触发 | | onChange: (value) => {}, | onOk | 是 | Function | 点击确定时触发 | | onOk: (value) => {}, | onValidate | 否 | Function | 校验规则 默认输入 0.01~99999.99 可自定义规则 通过校验时 return true ;不通过时 return false| | onValidate: (value) => { return true } |
在小程序中使用
{
"usingComponents": {
"mas-cpay-num-keyboard": "@alipay/mas-cpay-num-keyboard/es/index"
}
}在 page.axml 中引用组件
<!-- 页面使用方式 -->
<mas-cpay-num-keyboard
value="10"
className=''
comfimText="确定"
onChange="onChange"
onOk="onOk"
type='default'
/>Badges
[![install size][install-size-image]][install-size-url]
