Timeline 时间轴

介绍

可视化地呈现时间流信息。

引入

import { Timeline, TimelineItem } from 'mind-ui-vue';
Vue.use(Timeline);
Vue.use(TimelineItem);

示例

基础用法

<m-timeline>
  <m-timeline-item text="start">
    <div class="content">时光荏苒</div>
  </m-timeline>

  <m-timeline-item icon="girl" color="#e54d42">
    <div class="content">桃之夭夭，灼灼其华。</div>
  </m-timeline-item>

  <m-timeline-item text="end">
    <div class="content">岁月如梭</div>
  </m-timeline-item>
</m-timeline>

Api

TimelineItem Props

参数	说明	类型	可选值	默认值
text	节点文字，同时设置文字与图标时只显示文字	String	—	—
icon	节点图标	String	—	—
color	节点颜色	String	—	—

TimelineItem Slots

名称	说明
-	主体内容

Timeline Slots

名称	说明
-	主体内容