预期的效果是
官网代码
点击(此处)折叠或打开
- <Timeline pending>
- <TimelineItem>发布1.0版本</TimelineItem>
- <TimelineItem>发布2.0版本</TimelineItem>
- <TimelineItem>发布3.0版本</TimelineItem>
- <TimelineItem><a href="#">查看更多</a></TimelineItem>
- </Timeline>
复制官网代码之后,http://www.it399.com 显示效果是
很明显不符合预期,解决办法:将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