安装

 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: '当你发现你的才华撑不起野心时，就请安静下来学习吧~~~'
 }
 ]