# Timeline 时间轴
按照时间顺序或倒序规则的展示信息内容。
# 设计说明
# 使用说明
# 何时使用
当有一系列信息需要按时间排列时(可正序或倒序),并且需要一条时间轴进行视觉上的串联。
# 使用规范
- 一条连续的线,代表不同时间/事件的点分布其上;
- 根据项目需要选择正序或倒序;
- 节点较多且有空间限制时,则出现滚动条。
# 拓展规则
# 布局可配置
布局可根据需要进行配置,提供以下 2 种布局:
# 对齐方式可配置
对齐方式可为左对齐和右对齐,根据业务场景进行选择:
# 时间节点状态色可配置
时间节点状态色可根据需要进行配置,提供以下 5 种状态色,具体颜色规范可参考色彩。
# 辨析说明
时间轴、进度条、步骤条常会造成使用者混淆使用,为了正确使用组件,以下为辨析说明:
# 类型
# 横向时间轴
在竖向空间不足,需要用横向时间轴展示事件。