1.1.5 • Published 3 years ago
react-picker-view-mobile v1.1.5
PickerView
移动端picker选择组件
复用了 Ant Design Mobile 的PickerView组件 在此作为单一组件包使用，无需下载整个 Ant Design Mobile 包
属性
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| columns | 配置每一列的选项 | PickerColumn[] \| ((value: PickerValue[]) => PickerColumn[]) | - |
| defaultValue | 默认选中项 | PickerValue[] | [] |
| mouseWheel | 是否允许通过鼠标滚轮进行选择 | boolean | false |
| onChange | 选项改变时触发 | (value: PickerValue[], extend: PickerValueExtend) => void | - |
| renderLabel | 自定义渲染每列展示的内容 | (item: PickerColumnItem) => ReactNode | (item) => item.label |
| value | 选中项 | PickerValue[] | - |
| loading | 是否处于加载状态 | boolean | false |
| loadingContent | 加载状态下展示的内容 | ReactNode | 默认提供了转圈加载中的加载效果 |
CSS 变量
| 属性 | 说明 | 默认值 |
|---|---|---|
| --height | 整体的高度 | 240px |
| --item-font-size | 选项的字号 | 16px |
| --item-height | 选项的高度，仅支持 px rem 和 vw 单位 | 34px |