Skip to content

kissygalleryteam/TimeLines

This branch is 5 commits ahead of jixiangac/TimeLines:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

author
kissyteam
Apr 11, 2015
df7a8dc · Apr 11, 2015

History

10 Commits
Sep 23, 2013
Apr 11, 2015
Apr 11, 2015
Apr 11, 2015
Sep 22, 2013
Sep 23, 2013
Sep 23, 2013
Sep 23, 2013
Sep 22, 2013

Repository files navigation

TimeLines

 TimeLines是一个基于日期的事件提示的时间组件,目前在数据平台直播间中使用。

初始化组件

    S.use('gallery/TimeLines/1.0/index', function (S, TimeLines) {
         /**
          * data需要是一个数组
          * 每一个源由date和tip组成
          * tip可以是数组,如果是数组,会顺序轮播完该日期下的事件
          * 如果是hover有多个事件的点,会随机展示其中一个事件内容
          * 目前日期没有作重新排序处理,所以要求数据源要按顺序传入
          */
        var data = [{
          "date": "2013-10-01",
          "tip": ["去年买了个登山包", "今年在双十一必须买土豪金"]
        }, {
          "date": "2013-11-10",
          "tip": "活动预热"
        }, {
          "date": "2013-11-11",
          "tip": "双11启动,土豪金,fighting!"
        }];
         
         new TimeLines({
            container : "#timeline"//容器
           ,data : data//数据源
           ,curDate : "2013-11-11"//被点亮的日期,该日期需要在数据源中存在
         });
    })

TIMELINES

changelog

TODO

  • 支持日期的自动排序和同一日期的去重和事件合并
  • 支持拖拽

V1.0

[!]

About

TimeLInes for Kissy

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 74.1%
  • CSS 16.4%
  • HTML 9.5%