Timeline 时间轴
/TYME-lyne/ · noun · 内容类模式 · #122
把事件按时间顺序排在一条线上，每个事件是一个圆点，配简短标题和日期：快递从下单到签收、账户的操作记录、项目里程碑、公司大事记。实心点表示已发生，空心点表示还没到。和步骤条不同，它记录发生了什么，而不是等你去做下一步。
别名：时间线。
你可能会这样叫它
- “显示订单到哪了的那条线”
- “物流进度的时间线”
- “带日期的操作记录”
- “竖线上的圆点和时间”
- “项目大事记”
……它的名字是 时间轴（Timeline）。
常见问题
时间轴是什么意思？
在界面设计里，时间轴（timeline）把事件按时间顺序排在一条线上：每个事件一个圆点，旁边写标题和时间，比如快递的“已下单、已发货、派送中、已签收”，或账户的登录和操作记录。它回答的是“发生了什么、什么时候发生的”。
代码里叫什么
| Web (HTML) | <ol> <time datetime> |
|---|---|
| React (MUI Lab) | Timeline TimelineItem TimelineDot TimelineConnector |
| Ant Design | Timeline |
| iOS / Android / Flutter | 没有时间轴组件：用列表，每行画一个圆点和一段连接线。SwiftUI 的 TimelineView 是另一回事，它按时间表重绘视图 |
复制给 AI 编程工具
把这段记录做成竖向时间轴：用有序列表，并固定一个方向（操作记录最新的在上，物流跟踪最早的在上）；每个事件是连续竖线上的一个圆点，配简短标题和“2 小时前”这样的相对时间，相对时间放在 <time datetime> 里并带上准确日期，需要时在下面写详情。已发生的事件用实心点，未发生的用空心点和虚线；记录很长时按天分组；竖线和圆点只作装饰，让读屏软件直接读列表。