ITPub博客

首页 > 应用开发 > Html/css > vue使用iview Timeline 时间轴不显示渲染的效果问题解决办法

vue使用iview Timeline 时间轴不显示渲染的效果问题解决办法

原创 Html/css 作者:陈守印 时间:2018-05-28 15:23:21 0 删除 编辑

预期的效果是



官网代码

点击(此处)折叠或打开

  1. <Timeline pending>
  2.         <TimelineItem>发布1.0版本</TimelineItem>
  3.         <TimelineItem>发布2.0版本</TimelineItem>
  4.         <TimelineItem>发布3.0版本</TimelineItem>
  5.         <TimelineItem><a href="#">查看更多</a></TimelineItem>
  6. </Timeline>


   



复制官网代码之后,http://www.it399.com 显示效果是




很明显不符合预期,解决办法:将Timeline改为Time-line,TimelineItem改为Timeline-Item
完整代码



   

点击(此处)折叠或打开

  1. <template>
  2.         <Time-line pending>
  3.             <Timeline-Item>发布1.0版本</Timeline-Item>
  4.             <Timeline-Item>发布2.0版本</Timeline-Item>
  5.             <Timeline-Item>发布3.0版本</Timeline-Item>
  6.             <Timeline-Item><a href="#">查看更多</a></Timeline-Item>
  7.         </Time-line>
  8.     </template>


转载请注明来自 在线助手博客频道,原文链接 http://www.it399.com/blog/html/201805231405


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/28470105/viewspace-2155225/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
我的网站:在线助手 https://it399.com 我的小程序:在线生成制作工具 我的软件:e寸照

注册时间:2018-05-22

  • 博文量
    11
  • 访问量
    24531