steps
先看一下目录结构:
介绍
1.0 文件夹和 2.0 文件夹非升级关系,两者仅是着重点方向不一致,1.0 主打双边显示,2.0 主打内容排序,一般功能的话两者均可满足。
steps.js是基于原生JavaScript的组件,可用于展示步骤条、时间轴等,功能支持:
自适应
支持横向和纵向显示,并且横向还支持居中显示
支持自定义间距
主轴线上下左右单方向及多方向分布(1.0) / 线、标题、描述、自定义等可自由排序(2.0)
支持数字和圆点及自定义图标,也可以使用图片
如果标题和详情还不足以满足您的需求,你还可以插入自定义的html代码
如果样式不满意,可以加入自定义的父类class,然后根据css的权重重新定义样式
demo地址:
浏览器支持情况
,
由于布局中主要使用的是flex布局,所以支持IE10以上以及现代主流浏览器。
建议使用前先在你所要用的浏览器上查看demo。
资源
1