@cloud-ui/u-timeline.vue

垂直展示的时间流信息。

Usage no npm install needed!

<script type="module">
  import cloudUiUTimelineVue from 'https://cdn.skypack.dev/@cloud-ui/u-timeline.vue';
</script>

README

UTimeline 时间线

垂直展示的时间流信息。

示例

基本用法

<u-timeline>
    <u-timeline-item>2020-01-20 xxxx</u-timeline-item>
    <u-timeline-item>
        <div>2020-01-20 xxxx</div>
        <div>Some description</div>
    </u-timeline-item>
    <u-timeline-item>2020-01-20 xxxx</u-timeline-item>
    <u-timeline-item>2020-01-20 xxxx</u-timeline-item>
</u-timeline>

修改颜色

<u-timeline>
    <u-timeline-item color="primary">2020-01-20 xxxx</u-timeline-item>
    <u-timeline-item color="success">
        <div>2020-01-20 xxxx</div>
        <div>Some description</div>
    </u-timeline-item>
    <u-timeline-item color="warning">
        <div>2020-01-20 xxxx</div>
        <div>Some description</div>
    </u-timeline-item>
    <u-timeline-item color="error">2020-01-20 xxxx</u-timeline-item>
    <u-timeline-item>2020-01-20 xxxx</u-timeline-item>
</u-timeline>

API

Props/Attrs

Prop/Attr Type Options Default Description
value number 0 需要传入的值

Slots

(default)

插入文本或 HTML。

Events

@change

修改时触发

Param Type Description
$event.param1 string 参数1
$event.param2 number 参数2