Timeline

Timeline UI提供与WeLink规范一致的视图

参数说明

效果示例

import React from 'react';
import { Timeline } from '@wecode/react-weui';

export default class TimelineDemo extends React.Component {
  state = {
    data: [
      {
        status: 'current',
        date: '18/01/05',
        title: '筛选中',
        personInfo: '张三',
        cycle: '周期：2天',
        overdue: '已超期 1 天'
      },
      {
        status: 'success',
        date: '18/01/05',
        title: '筛选中',
        personInfo: '张三',
        cycle: '周期：2天',
        overdue: '已超期 1 天'
      },
      {
        status: 'fail',
        date: '18/01/05',
        title: '筛选中',
        personInfo: '张三',
        cycle: '周期：2天',
        overdue: '已超期 1 天'
      },
      {
        status: 'complete',
        date: '18/01/05',
        title: '筛选中',
        personInfo: '张三',
        cycle: '周期：2天',
        overdue: '已超期 1 天'
      },
      {
        status: 'complete',
        date: '18/01/05',
        title: '筛选中',
        personInfo: '张三',
        cycle: '周期：2天',
        overdue: '已超期 1 天'
      }
    ]
  };

  render() {
    const { data } = this.state;
    return (
      <section>
        <Timeline data={data} />
      </section>
    );
  }
}