开发预览 更新于 2026-05-10

Timeline 时间轴

顺序事件流,每条带圆点 / 连线 / 时间戳,常用于变更日志、流水审计、版本发布。

基础用法

items 数组每一项为一个节点,color 控制圆点颜色(primary / success / warning / danger / neutral)。

  • 提交了 PR #128
    2026-05-08 10:14
  • CI 通过
    构建 / 测试 / 类型检查全部通过
    2026-05-08 10:18
  • 触发 staging 部署
    2026-05-08 10:30
  • 收到性能回归告警
    /api/list P99 上升 220ms
    2026-05-08 11:02
  • 回滚到上一版本
    2026-05-08 11:08
<CfTimeline :items="items" />
<CfTimeline items={items} />

API

属性类型默认值说明
itemsTimelineItem[]节点列表
size'sm' | 'md' | 'lg''md'节点字号与点的尺寸
mode'left' | 'right' | 'alternate''left'内容相对连线的位置
reversebooleanfalse反序渲染(最新在最上)

TimelineItem

字段类型说明
keystring | number唯一标识,用于 v-for / map key
titlestring主标题
contentstring详细描述
timestring时间戳文本
color'primary' | 'success' | 'warning' | 'danger' | 'neutral'圆点颜色

反馈与讨论

Timeline 时间轴 的讨论

0
0 / 600
一键发送
正在加载评论...