1、先来看看效果
2、说明
项目中用到的，思路很简单，就用flex布局来实现响应式，我这里就以横向为例（竖向的比较简单就不啰嗦了），后面需要增加单个点选中状态，添加文字以及触发各种动画效果，可以尝试加上去，配合vue等框架可以很容易开发成通用组件。关于更多巧妙的组件封装，欢迎加入QQ群，共同讨论，或者4388636733、上代码
css也很简单
4、总结
是不是够简单的? 就用了一下绝对定位和弹性布局，屏幕大小都能正常显示。 轻松自定义一个响应式的timeline时间线组件（横向和纵向）
本文共 219 字，大约阅读时间需要 1 分钟。
转载地址：http://hnlia.baihongyu.com/
你可能感兴趣的文章
POJ2253 Frogger(最短路径)
查看>>
动画总结？
查看>>
HDU 2044 一只小蜜蜂 *
查看>>
Java 斜杠 与 反斜杠
查看>>
垂直居中
查看>>
idea下maven项目，样式css、js更新后，页面不显示更新内容
查看>>
bzoj 1001 平面图转对偶图 最短路求图最小割
查看>>
php 记住密码自动登录
查看>>
NSThread创建线程的三种方法
查看>>
Logger.getLogger与LogFactory.getLog
查看>>
HDU4671 Backup Plan(构造序列-多校七)
查看>>
一些难得一见的代码问题
查看>>
Read–eval–print loop
查看>>
如果我是面试官 我要出什么题目(常更新)
查看>>
初识nginx
查看>>
React Native
查看>>
最优化
查看>>
HDU1495 非常可乐
查看>>
CCF NOI1071 Pell数列
查看>>
Studio快捷键
查看>>