# NumberKeyBoard 数字键盘

# 引入说明

TIP

import KeyBoard from "jimoui/components/KeyBoard/KeyBoard";
1

# 代码演示

TIP

<KeyBoard
    ref="KeyBoard"
    :showFlag="showFlag"
    :upsetStatus="upsetStatus"
    :position="'fixed'"
    @onChanged="onChanged" 
/>

<KeyBoard
	ref="KeyBoard"
	:showFlag="keyBoardStatus"
	:upsetStatus="upsetStatus"
	:decimalStatus="true"
	:sureBtnText="'付款'"
	:position="'fixed'"
	:numberLength="10"
	:decimalPlaces="3"
	@onChanged="onChanged" 
	@bindSubmit="bindSubmit"
/>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

# 属性

配置 用途 取值 使用描述
showFlag 组件显示状态 Boolean 默认false,不展示
isHasSafeBottom 是否有底部安全区 Boolean 默认false,不展示
upsetStatus 数字是否乱序展示 Boolean 默认false,正序
position 定位状态 String 默认relative
decimalStatus 是否支持输入小数 Boolean 默认false,不支持
numberLength 可输入数值长度 Number 默认0,0为不限制数值长度
decimalPlaces 支持输入小数点后几位 Number 默认2,支持输入小数时生效
sureBtnText 键盘按钮文案 String 默认"确认"
sureBtnBgColor 键盘按钮背景色 String 默认"#FF6D09"
@onChanged 数字变化回调 Number 回调的参数1:输入数字的列表 Array(Object)
回调的参数2:输入数字的字符串 String
@bindSubmit 点击键盘按钮回调 Number 回调的参数:输入数字的字符串 String
  • iOS
  • Android
  • Web
  • MP
v1.0.0