跳到主要内容

列表选择

展示多条同类信息可供选择。

弹出​

单选列表​

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

多选列表​

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

页面​

基础选择​

复杂选择​

何时使用​

  • 当需要对结构化的数据进行选择时。
  • 当选项过多、标签长短不一时，适用于列表式选择。

设计指南​

  • 建议在列表选项中加入 Checkbox 等，加强选择状态的可识别性。

交互规则​

  • 选择后再次点击可取消选择。
  • 可选，通过左右滑动列表选项，可展开更多的操作选项，比如 删除、编辑 等。