开源软件名称：

hzqing-vue-timeline

开源软件地址：

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

开源软件介绍：

hzqing-vue-timeline

A Vue component to hzqing-vue-timeline 一个Vue的时间插件

example (图片展示)

屏幕宽度大于1200px

HZQING

屏幕宽度小于1200px

HZQING

安装

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