一个Vue的时间插件

安装

 npm install -S hzqing-vue-timeline

如何引入

main.js:

 // 全局注册import hzqingVueTimeline from 'hzqing-vue-timeline'Vue.use(hzqingVueTimeline) <hzqing-vue-timeline></hzqing-vue-timeline>

配置

引入组件

 <hzqing-vue-timeline  timelineColor="#5bbcd5"  timeContentColor="#fff" :dataList="data" ></hzqing-vue-timeline>

组件数据

 data: [ { time: 1522372393000, img: 'static/touxiang.jpeg', title: 'hzqing.com', content: '这是衡钊清的个人博客' }, { time: '2018-03-30 14:36:35', img: 'static/one.jpeg', title: '这是一个简单的vue时间轴插件', content: '这是一个简单的vue时间轴插件，使用非常的方便' }, { time: 1522372393000, img: 'static/three.jpg', title: '努力奋斗', content: '当你发现你的才华撑不起野心时，就请安静下来学习吧~~~' } ]

example (图片展示)

屏幕宽度大于1200px

屏幕宽度小于1200px

项目地址

https://gitee.com/hzqing/hzqing-vue-timeline