欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-19 10:43:49
vue Timeline 时间轴不显示渲染的效果 官网代码 复制官网代码之后,显示效果是,没有想要的渲染效果 解决办法:将Timeline改为Time line,TimelineItem改为Timeline Item 完整代码 参考 "http://www.it399.com/blog/html/2 ......

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