组件总览
这页先帮你建立一张“能力地图”。按组件类别进入单组件页查完整 API,而不是从头逐页扫过去。
按组件类别进入
如果你已经知道自己要查哪个组件,直接从下面的分类索引进入会更快。
基础组件
建立页面骨架、主次操作和轻量状态表达。
表单与录入
用于筛选栏、录入弹窗、字段校验和文件补充上传。
反馈与浮层
用于解释按钮、收纳轻操作、承接空结果和切换编辑上下文。
数据展示
用于状态面板、时间线、排期面板、资源目录、列表页主干和分页联动。Timeline 默认是左侧单线布局,需要双侧对照时再切到 alternate。
推荐阅读顺序
阅读建议
如果你正在搭筛选栏或录入弹窗,优先阅读 Form 表单 和 Select 选择器。
如果你正在搭列表页或结果反馈页,优先阅读 Alert 提示、Table 表格、Skeleton 骨架屏、Empty 空状态 和 Result 结果。
如果你已经明确要查某个组件的完整 API,直接进入对应的单组件页会更快。
如果你正在做后台项目的样式收口,先看 后台迁移指南,再回来看组件总览和 Table 的 overview 用法。
当前最值得先看的页面
- Button 按钮:先建立主次操作和视觉层级。
- Link 文字链接:补齐正文跳转和弱操作语义。
- Text 文本:补齐正文强调、截断和语义标签能力。
- Form 表单:把录入链路串起来理解。
- Timeline 时间线:查审计、里程碑和详情记录的基础 API。
- Timeline 场景示例:直接看三类典型后台语境里的接法。
- Scheduler 排期日历:查排期组件的完整 API 与事件约定。
- Scheduler 场景示例:直接看整块日历、交互链路和完整场景。
- Table 表格:把列表页主干串起来理解。
- 管理后台闭环示例:把这些组件放回一个真实页面片段里看。