0.0.1 • Published 5 years ago
abc-timeline v0.0.1
时间线组件
提供时间线数据展示,支持自定义时间节点
适用范围
适合需要按照时间先后顺序展示数据的场景
代码演示
<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 | -- |
0.0.1
5 years ago