跳到主要内容

列表页概述

列表页可以查看和处理大量的条目,通过列表可以进入到数据详情。用户可在列表页对条目进行筛选、对比、新增、分析、跳转至详情页等操作。


设计原则

列表页设计应该基于用户需求和使用场景,提供清晰的数据展示和操作方式,以提高用户工作效率和满意度。

不同类型

根据复杂程度将列表分为五种模式:表格列表页、卡片列表页、组合列表页。

表格列表页

卡片列表页

用户无需以特定顺序浏览条目,将每条数据以富有吸引力的方式呈现。

组合列表页

将数据过滤模块放置在侧栏,当过滤条件/选项过多,横向空间充裕时使用。

不同头部

列表页默认不设置标题栏。

适配规则

  • 默认撑满整个屏幕,上下左右间距:24px
  • 模块之间的上下左右间距:16px