Skip to main content

列表选择

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


弹出

单选列表

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

多选列表

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

页面

基础选择

复杂选择

何时使用

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

设计指南

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

交互规则

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