数字键盘 xKeyboardNumber
在线预览
在线模拟尺寸:
介绍
数字键盘,如果你要密码键盘见x-keyboard
平台兼容
| H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
|---|---|---|---|---|---|---|
| ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.44+ | 1.1.9 |
文件路径
ts
@/uni_modules/tmx-ui/components/x-keyboard-number/x-keyboard-number.uvue使用
ts
<x-keyboard-number></x-keyboard-number>Props 属性
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| modelValue | 当前输入的值 | string | "" |
| maxLen | 最大长度 | number | 9 |
| modelShow | 当前打开的状态。<br>等同v-model:model-show | boolean | false |
| title | 顶部标题，默认：安全键盘请放心输入 | string | "" |
| color | 主按钮色，空值取全局主题 | string | "" |
| btnColor | 按钮背景,暗黑时会取二级inputDarkbg灰 | string | 'transparent' |
| bgColor | 键盘背景 | string | 'info' |
| fontColor | 文字颜色,暗黑是会取白。 | string | '#3b3b3b' |
| max | 输入的最大值<br>默认0表示不限制。 | number | 0 |
| digit | 是否显示小数及00填充 | boolean | true |
| mode | 模式<br>number 数字键盘<br>password 密码键盘,作为密码用，那就不会限制数字模式就当字符串使用。 | string | "number" |
| hold | 点击确认是否保持键盘不收起 | boolean | false |
Events 事件
| 名称 | 参数 | 说明 |
|---|---|---|
| change | **** : undefined | 值变化时触发 |
| update:modelShow | - | 变量控制打开状态 等同v-model:model-show |
| confirm | - | 点击确认时触发 |
| cancel | - | 关闭取消时触发 |
| update:modelValue | - | 等同v-model |
Slots 插槽
| 名称 | 说明 | 数据 |
|---|---|---|
| default | 插槽,默认触发打开选择器。你的默认布局可以放置在这里。 | - |
Ref 方法
| 名称 | 参数 | 返回值 | 说明 |
|---|
示例文件路径
json