跳到主要内容

Picker 选择器

从底部弹起的滚动选择器,提供选项列表供用户选择,支持单列选择、多列选择和级联选择。


基础选择器

一般常用于对时间日期的选择。

一列

两列

三列

五列

标题样式

可自定义有标题和无标题。

场景示例

交互规则

  • 最多展示 5 个独立滚轮,每个滚轮表示一个不同的值。
  • 滚动选择后,点击确定,弹出消失,选择的数据回填到输入框中。

单项选择器

  • 当选项 ≤10 项,且对选项本身不存在可以排序的属性时建议使用,超出 10 项时建议使用页面承载。
  • 一般推荐不使用确定按钮,如果业务上需要额外注意此操作时,可以添加确定按钮。
  • 如果业务需求支持用户在选中选项后进行重置,可以在加一个选项——“暂不选择”。

多项选择器

  • 当选项 ≤10 项,且对选项本身不存在可以排序的属性时建议使用,超出 10 项时建议使用页面承载。
  • 必须使用确定按钮。