# Timeline 时间轴

按照时间顺序或倒序规则的展示信息内容。

# 设计说明

# 使用说明

# 何时使用

当有一系列信息需要按时间排列时(可正序或倒序),并且需要一条时间轴进行视觉上的串联。

# 使用规范

  • 一条连续的线,代表不同时间/事件的点分布其上;
  • 根据项目需要选择正序或倒序;
  • 节点较多且有空间限制时,则出现滚动条。

# 拓展规则

# 布局可配置

布局可根据需要进行配置,提供以下 2 种布局:

# 对齐方式可配置

对齐方式可为左对齐和右对齐,根据业务场景进行选择:

# 时间节点状态色可配置

时间节点状态色可根据需要进行配置,提供以下 5 种状态色,具体颜色规范可参考色彩。

# 辨析说明

时间轴、进度条、步骤条常会造成使用者混淆使用,为了正确使用组件,以下为辨析说明:

# 类型

# 横向时间轴

在竖向空间不足,需要用横向时间轴展示事件。

上次更新: 12/12/2023, 4:46:20 PM