时间线

时间线

一项接一项，每个都有标记，通过一条线连接：程序的步骤，历史的事件，运行的阶段。每个项目包含的内容是自由的——一行文本，一个表格，一个表单——并且这条线贯穿其中，连接到下一个标记。

按顺序的步骤

编号，包含步进器所知的三种状态：已经完成的步骤用实线表示，正在进行的步骤突出显示，未来的步骤在等待。
  1. 获取源代码

    克隆仓库并安装其依赖项。

  2. 配置

    复制示例环境并填写数据库地址。

  3. 创建数据库

    运行迁移；这是正在进行的步骤。

  4. 部署

    构建资产并发布版本。

标题下的任何内容

每个项目包含其所需的内容——属性、消息、按钮。一个图标替代了点，色调为标记上色，像为标记或块上色一样。
  1. 订单已下
    3月14日，09:41
    参考
    ORD-2026-0142
    金额
    € 184.00
    支付方式
    卡号末尾4242
  2. 付款已收到
    3月14日，09:42
  3. 已发货
    3月15日，16:05
    延迟

    承运人宣布再多一天。

  4. 交付

历史

没有顺序可循，只有事件：点，每个标题下有一个日期，以及一个类别颜色来说明某些内容。
  1. 版本2.0发布
    9月2日
  2. 团队审核
    8月28日
  3. 初稿
    8月12日

尚未决定的步骤

就像在步进器上一样：一个依赖于尚未给出的答案的步骤没有编号，并且不影响其他步骤。
  1. 获取源代码
  2. 选择一个计划
  3. 依赖于该计划
  4. 部署

手写

该组件只是从列表中书写形状的一种方式。页面上书写的相同类会产生相同的时间线，包含其中的任何内容。
  1. 一个普通的点
  2. 一个图标代替点

    页面中书写的任何标记。

在vue中

在vue树中的相同时间线。枝条作为标记的内容是一个范围插槽，因此组件可以位于项目的标题下。
v1.0.29