身份证键盘 xKeyboardIdcard
在线预览
在线模拟尺寸:
介绍
自动解析第二代身份证号，验证用户输入的是否正确，事件中能得到当前输入值及校验值。
平台兼容
| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
|---|---|---|---|---|---|---|---|
| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
文件路径
ts
@/uni_modules/tmx-ui/components/x-keyboard-idcard/x-keyboard-idcard.uvue使用
ts
<x-keyboard-idcard></x-keyboard-idcard>Props 属性
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| modelValue | 当前输入的值 | string | "" |
| maxLen | 最大长度 | number | 18 |
| modelShow | 当前打开的状态。等同v-model:model-show | boolean | false |
| title | 顶部标题，默认：安全键盘请放心输入 | string | "" |
| color | 主按钮色，空值取全局主题 | string | "" |
| btnColor | 按钮背景,暗黑时会取二级inputDarkbg灰 | string | 'white' |
| bgColor | 键盘背景 | string | 'info' |
| fontColor | 文字颜色,暗黑是会取白。 | string | '#3b3b3b' |
| hold | 点击确认是否保持键盘不收起 | boolean | false |
Events 事件
| 名称 | 参数 | 说明 |
|---|---|---|
| change | value: string | 值变化时触发 |
| update:modelShow | - | 变量控制打开状态 等同v-model:model-show |
| confirm | value: stringpass: boolean | 确认时触发 |
| cancel | value: string | 关闭取消时触发 |
| update:modelValue | - | - |
Slots 插槽
| 名称 | 说明 | 数据 |
|---|---|---|
| default | 插槽,默认触发打开选择器。你的默认布局可以放置在这里。 | show: boolean |
Ref 方法
| 名称 | 参数 | 返回值 | 说明 |
|---|
示例文件路径
json