vue实现横向时间轴

代码:





效果:

vue实现横向时间轴_第1张图片

思路:

1.使用< ul > 标签定义无序列表;

2.css样式中的display: inline-block属性 用来使< ul >标签横向展示;

3.最后一个是横线,使用数组长度判断其不显示,但此时出现最后一个圆圈的位置没有水平对齐的问题,使用数组长度判断其位置上移。

参考文章:https://www.cnblogs.com/duanzhenzhen/p/10937675.html

你可能感兴趣的:(总结,vue)