组件使用、扩展文档
BlockItem数字区间
用于数字区间
UI规则
- 编辑态
- 标题最大宽度为96px超出折行
- 两边界值平分剩余宽度,超出打点省略
- 点击该项时弹出输入键盘
- 快速搜索态
- 激活输入框,边框变为蓝色,弹出输入键盘
- 点击清空,清空输入框中的值
- 点击确定,完成输入
API
BlockItem props
name | description | type | default |
---|---|---|---|
cls | 自定义container css | String | '' |
style | 自定义container style | Object | {} |
label | 标题 | String | '' |
leftV | 左侧值 | Number | |
rightV | 右侧值 | Number | |
popType | 搜索类型'searchItem'为快速搜索 | String | |
onFocus | 激活 | Function() | |
onBlurLeft | 左侧输入框失去焦点 | Function(e.target.value) | |
onBlurRight | 右侧输入框失去焦点 | Function(e.target.value) | |
onSubmit | 点击确定 | Function(e) | |
onClearValue | 点击清空 | Function(e) |