时间线组件
提供时间线数据展示,支持自定义时间节点
适用范围
适合需要按照时间先后顺序展示数据的场景
代码演示
<TimeLine
data={MOCK_DATA.data}
limit={5}
onClickItem={(data) => {}}
timeItem={(props) => {
let {data = {}} = props;
let url = data.url;
return (
<div className={"analyzer-timeline"}>
<p className={"timeline-title"}>
<a href={url} target="_blank" title={data.title || "--"} >{data.title || "--"}</a>
</p>
<p className={"timeline-bottom"}>
<Icon className={"timeline-bottom-icon"}
type={data.type === 'wechat' ? 'wechat' : 'profile'}/>
<span className={"abc-timeline-bottom-text"}>{data.source || "--"}</span>
<span className={"abc-timeline-bottom-text"}>{data.time ? moment(data.time).format("YYYY/MM/DD") : "--"}</span>
</p>
</div>
)
}} />
API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
data | 时间线数据 | array |
-- |
limit | 限制展示的节点数 | number |
-- |
onClickItem | 点击节点事件 | function |
-- |
timeItem | 自定义时间节点 | element |
-- |