基本定义
基本元素
- 选择框(多选/单选)
- 图片
- 标题
- 状态/分类标签
- 描述信息
- 按钮·
List vs Table
- List 数据展示简单的一组数据,而非复杂的数据集合(List 没有严格意义上的表头,意味着当前展示的主体数据是易读的)
- 需要大量的辅助信息才能帮助用户做选择时,请使用 Table
- 信息密度上的差异
类型
- 对象列表:信息密度中;用于当前对象的快速概览,关键信息的展示。(任务、订单、优惠券)
- 基础列表:信息密度低;用于不复杂的列表项,包含可选图像、标题、描述和单个信息文本。
相关资源
同类组件
- https://polaris.shopify.com/components/resource-list
- https://carbon-addons-iot-react.com/?path=/story/1-watson-iot-list-resourcelist--default
- https://experience.sap.com/fiori-design-web/list-overview/
- https://experience.sap.com/fiori-design-web/overview-page-list-cards/
- https://experience.sap.com/fiori-design-web/standard-list-item/