资讯专栏INFORMATION COLUMN

轻松自定义一个响应式的timeline时间线组件(横向和纵向)

AlienZHOU / 2768人阅读

摘要:先来看看效果说明项目中用到的,思路很简单,就用布局来实现响应式,我这里就以横向为例竖向的比较简单就不啰嗦了,后面需要增加单个点选中状态,添加文字以及触发各种动画效果,可以尝试加上去,配合等框架可以很容易开发成通用组件。

1、先来看看效果

2、说明
项目中用到的,思路很简单,就用flex布局来实现响应式,我这里就以横向为例(竖向的比较简单就不啰嗦了),后面需要增加单个点选中状态,添加文字以及触发各种动画效果,可以尝试加上去,配合vue等框架可以很容易开发成通用组件。关于更多巧妙的组件封装,欢迎加入QQ群,共同讨论点此加入,或者438863673

3、上代码


              
  
最新活动
阅读需要支付1元查看
<