@cloud-ui/u-timeline.vue v0.1.3

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

Slots

(default)

插入文本或 HTML。

Events

@change

修改时触发