列表页概述

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

---

设计原则

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

不同类型

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

表格列表页

卡片列表页

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

组合列表页

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

不同头部

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

适配规则

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