vue使用iview Timeline 时间轴不显示问题

vue Timeline 时间轴不显示渲染的效果

vue使用iview Timeline 时间轴不显示问题

官网代码

<Timeline pending>
        <TimelineItem>发布1.0版本</TimelineItem>
        <TimelineItem>发布2.0版本</TimelineItem>
        <TimelineItem>发布3.0版本</TimelineItem>
        <TimelineItem><a href="#">查看更多</a></TimelineItem>
</Timeline>

复制官网代码之后,显示效果是,没有想要的渲染效果

vue使用iview Timeline 时间轴不显示问题

解决办法:将Timeline改为Time-line,TimelineItem改为Timeline-Item

完整代码

<template>
        <Time-line pending>
            <Timeline-Item>发布1.0版本</Timeline-Item>
            <Timeline-Item>发布2.0版本</Timeline-Item>
            <Timeline-Item>发布3.0版本</Timeline-Item>
            <Timeline-Item><a href="#">查看更多</a></Timeline-Item>
        </Time-line>
    </template>

参考http://www.it399.com/blog/html/201805231405

相关推荐