• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号
登陆 注册

hzqing-vue-timeline: Vue时间轴插件

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称：

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

Props

nameDescriptiontypedefault
dataList数据Array
timelineColor时间轴插件整个背景颜色String#5bbcd5
timeContentColor文字内容背景颜色String#f2f2f2

Props(dataList)格式

nameDescriptiontype
time时间Date
img中间图片String
title标题String
content内容String

update(更新内容)

  • 2018-05-16 发布1.0.3 版本 引入vue-avatar插件，管理中间图片展示
  • 2018-03-30 发布1.0.2 版本 修改time数据格式为Date
  • 2018-03-29 发布1.0.1 版本
  • 2018-03-27 发布1.0.0 版本 第一次发布

鲜花
握手
雷人
路过
鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
More+
上一篇：
blzo: 基于springboot的企业级快速开发脚手架，适用于各种规模的项目！ ...发布时间：2022-03-23
下一篇：
v-tree: 基于vue封装的树形菜单，已实现单选、复选、级联中选、单选前回调、单选事件 ...发布时间：2022-03-23
热门推荐
More+
热门话题
More+
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

在线QQ客服
地址：深圳市南山区西丽大学城创智工业园
电邮：jeky_zhao#qq.com
移动电话：139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap