u012990532
Hunter Chu
采纳率100%
2017-03-09 02:57

H5实现类似下图的纵向时间轴-事件展示功能

10

图片说明
如图,如何用H5实现图中的显示?思路是?

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

1条回答

  • qq_29594393 当作看不见 4年前

    第一个图标是固定的吹哨后面的就是事件集合,总共有两个属性,时间节点.事件

    结构为这种循环的结构,中间的是时间span ,左右是事件,每一行多一个p 用来夹中间的那个竖线.
    然后需要的就是记载数据了,{time:"","队伍名称":"",事件:""}{time:"","队伍名称":"",事件:""},一个这样的数组,循环数组,动态生成HTML的结构插入.;
    <p><span></span><span>time</span><span></span></p>
     <p></p>
    
    点赞 评论 复制链接分享

相关推荐