TimeAxis 时间轴
展示事件流程的组件,支持状态、插槽自定义、子步骤等。
基础用法
通过 label 和 children 插槽自定义展示结构,展示时间轴的基本布局。
居中布局 + 自定义样式
设置 placement 为 center, 实现时间点居中展示。可自定义点大小、颜色、进度圈尺寸等样式。
仓库处理
商品打包
操作时间:2022-01-01 11:11:12
商品出库
操作时间:2022-01-01 11:11:12
状态色标识
设置 status 字段,点将展示对应的状态色。默认支持 done、in-progress、pending。
自定义点样式
可通过 pointSize 和 pointColor 修改时间点的大小和颜色。
自定义子项结构
子项(children)支持完全自定义结构,可结合卡片、图标等形式使用。
属性 Props
Array<T> | TsTimeAxisItem[]
TimeAxisItem 参数
done | in-progress | pending | -