steps:steps.js是基于原生JavaScript的组件,可用于展示步骤条、时间轴等。 [1.0 双边显示](http

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

文件下载

资源详情

[{"title":"( 22 个子文件 198KB ) steps:steps.js是基于原生JavaScript的组件,可用于展示步骤条、时间轴等。 [1.0 双边显示](http","children":[{"title":"steps-master","children":[{"title":"1.0","children":[{"title":"steps.js <span style='color:#111;'> 15.42KB </span>","children":null,"spread":false},{"title":"xiaohong.jpg <span style='color:#111;'> 24.37KB </span>","children":null,"spread":false},{"title":"steps.css <span style='color:#111;'> 3.42KB </span>","children":null,"spread":false},{"title":"steps.min.css <span style='color:#111;'> 2.48KB </span>","children":null,"spread":false},{"title":"更新日志.md <span style='color:#111;'> 50B </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 33.99KB </span>","children":null,"spread":false},{"title":"steps.min.js <span style='color:#111;'> 9.09KB </span>","children":null,"spread":false},{"title":"xiaoming.jpg <span style='color:#111;'> 23.15KB </span>","children":null,"spread":false}],"spread":true},{"title":"xiaohong.jpg <span style='color:#111;'> 24.37KB </span>","children":null,"spread":false},{"title":"TOC.png <span style='color:#111;'> 41.92KB </span>","children":null,"spread":false},{"title":"LICENSE <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"_config.yml <span style='color:#111;'> 26B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 2.11KB </span>","children":null,"spread":false},{"title":"iconfont.js <span style='color:#111;'> 6.82KB </span>","children":null,"spread":false},{"title":"timg.jpg <span style='color:#111;'> 39.10KB </span>","children":null,"spread":false},{"title":"2.0","children":[{"title":"steps.js <span style='color:#111;'> 11.72KB </span>","children":null,"spread":false},{"title":"steps.css <span style='color:#111;'> 2.86KB </span>","children":null,"spread":false},{"title":"steps.min.css <span style='color:#111;'> 2.02KB </span>","children":null,"spread":false},{"title":"更新日志.md <span style='color:#111;'> 1.40KB </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 24.19KB </span>","children":null,"spread":false},{"title":"steps.min.js <span style='color:#111;'> 5.92KB </span>","children":null,"spread":false}],"spread":true},{"title":"xiaoming.jpg <span style='color:#111;'> 23.15KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明