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

    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