Vue如何实现时间轴

效果:

 该时间轴每页最多默认展示三条数据,根据后台数据而定,超过三条前端分页处理;

注:

该时间轴展示的是每条工程数据的鸟瞰图,照片可多张,利用el-carousel、el-image-viewer插件,走马灯效果,可图片预览;

组件代码:




 

注意:多张图片是以字符串形式传过来的,需对其进行二次处理,如上Vue如何实现时间轴_第1张图片

页面 调用:


    


希望对大家有所帮助,如有不妥,多多包涵。。。

你可能感兴趣的:(vue.js,前端,javascript)