手写，自定义，步骤条

Question

像这种类似步骤条样式应该怎么写？

样式是这样得哦， 一排放4个 超过就换行了，1234，8765这样得哦

数据类似这种 ，箭头的样式可以一起帮忙写上嘛》？

list=[{num:https://img-mid.csdnimg.cn/release/static/image/mid/ask/784190276986151.png "#left")
1},{num:2},{num:3},{num:4},{num:5},{num:6},{num:7},{num:8},{num:9},{num:10},{num:11}]

奇数 排 正序，偶数 排 倒序，箭头连接，每排最后一个的箭头要朝下，最后一个数据没有箭头

Answer 1

vue.js 横向（时间轴、步骤图、流程图）模版_element横向时间线_会点php的前端小渣渣的博客-CSDN博客 效果：

._element横向时间线 https://blog.csdn.net/qq_39523111/article/details/110670569