Appearance
时间轴
应用包:lc-zkcomponents
类型:高级部件
一、效果预览

二、适用场景
适用于展示一件事的流程进度情况,可以控制节点的状态类型和周围的一些文字内容信息
三、使用说明
在部件的目录中找到当前组件,将其拖入页面的某个节点中即可
四、数据配置
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
nowIndex | 数值 | 0 | 当前进行到第几个节点 |
data | 对象 | - | 数据,详见下方 |
data[n].name | 字符串 | - | 姓名,位于节点下方左侧 |
data[n].detail | 字符串 | - | 详情 |
data[n].icon | 字符串 | - | 图标,节点内部 |
data[n].pointTag | 字符串 | - | 节点标签,位于节点上方 |
data[n].color | 字符串 | - | 节点颜色 |
data[n].timeRange | 字符串 | - | 时间区间,位于当前节点和上一个节点之间的连线上 |
data[n].time | 字符串 | - | 时间,悬浮节点时显示 |
data[n].afterName | 字符串 | - | 补充内容,位于节点下方右侧 |
data[n].tag | 字符串 | - | 标签,位于节点下方最左侧,姓名前 |
五、事件
clickItem:点击节点,参数为点击的节点数据 clickName:点击某一节点姓名,参数为点击的节点数据
六、插槽
default:支持向节点下方插入任意内容