适用：

• 带时间属性的场景

• 信息是连续性的，且与时间紧密挂钩

不适用：

• 跟时间无关的信息的展示

通用原则

• 随时间推移，时间结点数逐渐增多，直至流程全部结束。

• 准确地给用户传递时间维度

• 用户能清楚的获取时间信息，并了解当且进程状态：进行中，还是已完成

• 时间轴可正序可倒序

类型

类型	何时使用
垂直	适合高度不受限制的场景
水平	适合页面内某个限定高度的具体模块内使用

构成

1. 时间线

   1. 结点

      1. 可以为 icon 或图片

      2. 允许带状态，表单当前时间轴是进行中/已完结

   2. 连接线

2. 标题

   1. 纯文本

3. 时间

   1. 完整格式为 2019.04.22 22:59（具体可参考「文案与语气」）

   2. 可根据实际业务需要调整时间展示相对时间，比如：当天/本周

实践案例

---

样式

布局