术语库

Pagination

把大量数据分成多页显示，用页码和上一页、下一页按钮在各页之间跳转。

Table

用行和列排列多条结构相同的数据，每行一条记录、每列一个字段，方便横向比较、排序和筛选。

List

把多条内容纵向一条接一条排列，每条通常是标题加一两行说明，适合逐条浏览和点击进入详情。

Card

一块带边框或阴影的独立矩形区域，把一组相关的图片、标题、说明和操作收在一起，自成一体。

Avatar

用圆形或圆角方形的小图片代表一个人或一个账号，没有图片时显示姓名首字或默认图标。

Badge

叠在图标、头像或按钮右上角的小红点或小数字，提醒用户这里有未读消息或新内容。

Tag

放在文字旁边的小块圆角标记，用几个字表示分类、状态或属性，例如「已发货」「前端」。

Progress

用一条逐渐填满的横条或圆环，显示任务完成了多少，让用户知道还要等多久。

Collapse

一组可以点击标题展开或收起内容的面板，用来把较长的内容分段收纳，按需查看。

Carousel

在同一块区域里轮流展示多张图片或卡片，可以自动切换，也可以左右滑动或点圆点切换。

Tree

用可以逐级展开的缩进列表展示有上下级关系的数据，比如组织架构、文件夹目录、分类。

Transfer

左右两个列表加中间的箭头按钮，把项目从「可选」一侧移到「已选」一侧，用来批量挑选。

Rate

一排五颗星（或其他图标），点亮几颗表示几分，既能让用户打分，也能只读展示平均分。

Statistic

用大号数字突出显示一个关键指标，上面是指标名称，常带单位、涨跌箭头和对比说明。

Chart

把数字画成折线、柱子、扇形等图形，用来展示趋势、对比和占比，让数据一眼就能看懂。

Filter Bar

放在列表或表格上方的一排查询条件，如关键字、状态、日期范围，用来缩小要看的数据范围。

Image

在页面上显示一张图片，通常要处理尺寸比例、加载占位、加载失败和点击放大预览。

Code Block

用等宽字体和语法高亮展示一段代码的区域，通常带语言标签、行号和一键复制按钮。

Calendar

按月或按周排成网格的日期视图，直接在格子里显示每天的日程、事件或数据。