@beisen-phoenix/timeline v3.3.55
时间轴组件
@beisen-phoenix/timeline
概述
本组件是个纯组件,根据传入的数据渲染出一个时间轴。
API
参数 | 说明 | 类型 | 默认值 | 是否必传 |
---|---|---|---|---|
data | 时间轴数据 | Array | [] | Yes |
示例代码
import React from 'react';
import Timeline from '@beisen-phoenix/timeline';
import data from './data.json';
export default function App() {
return <Timeline data={data} />
}
说明
- 本组件渲染格式不可配置,
- 当前年份会被隐藏
数据格式
[
{
"year": 2016,
"dates": [
{
"date": "88/88",
"events": [
{
"commentType":3,
"createTime": "88:88",
"content": "发起了任务 带分布列表",
"publishUser": "非非",
"commentId": "xxx01"
},
{
"commentType":3,
"createTime": "13:20",
"content": "发起了任务 带分布列表,例如任务有更多数据,提示\"没有数据了\"发起了任务 带分布列表,例如任务有更多数据,提示\"没有数据了\"发起了任务 带分布列表,例如任务有更多数据,提示\"没有数据了\"发起了任务 带分布列表,例如任务有更多数据,提示\"没有数据了\"",
"publishUser": "斐斐",
"commentId": "xxx02"
}
]
}
]
},
{
"year": 2017,
"dates": [
{
"date": "01/17",
"events": [
{
"commentType":3,
"createTime": "13:21",
"content": "发起了任务 带分布列表",
"publishUser": "非非",
"commentId": "xxx0xdf"
}
]
},
{
"date": "05/10",
"events": [
{
"commentType":3,
"createTime": "13:21",
"content": "将任务名称 带分布列表 修改为 带分布列表,例如任务列表页",
"publishUser": "非非",
"commentId": "xxx01dfsf"
},
{
"commentType":3,
"createTime": "13:20",
"content": "发起了任务 带分布列表,例如任务有更多数据,提示\"没有数据了\"",
"publishUser": "斐斐",
"commentId": "xxx02xfdfds"
}
]
}
]
},
{
"year": 2018,
"dates": [
{
"date": "03/01",
"events": [
{
"commentType":3,
"createTime": "10:33",
"content": "在任务下分解了任务 [假勤]",
"publishUser": "海彬",
"commentId": "xxx303"
},
{
"commentType":3,
"createTime": "10:34",
"content": "完成了任务[假勤]",
"publishUser": "李贺",
"commentId": "xxx204"
}
]
}
]
}
]
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago