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

1、先来看看效果
轻松自定义一个响应式的timeline时间线组件(横向和纵向)_第1张图片

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

3、上代码


                    

你可能感兴趣的:(轻松自定义一个响应式的timeline时间线组件(横向和纵向))