webapp万能选择器:iosselect
博客专区 > 周胜 的博客 > 博客详情
webapp万能选择器:iosselect
周胜 发表于7个月前
webapp万能选择器:iosselect
  • 发表于 7个月前
  • 阅读 22
  • 收藏 1
  • 点赞 0
  • 评论 0

iosselect是个什么东西?

 移动端浏览器对于select的展示样式是不一致的,ios下是类似原生的picker,安卓下各浏览器展示各异,我们需要一个选择器组件来统一各端下各种浏览器的展示。下面是它的一个截图:

iosselect 项目地址:

文档和demo可以访问github:https://github.com/zhoushengmufc/iosselect

 

iosselect能做什么?

移动端开发中,经常遇到选择器功能,常见的时间选择,日期选择,地区选择,单列选择。iosselect完美实现一个组件实现各种选择器的功能。

先看demo:

 一级级联,银行选择

http://zhoushengfe.com/iosselect/demo/one/bank.html

二级级联,三国杀将领组合选

http://zhoushengfe.com/iosselect/demo/two/sanguokill.html

三级级联,省市区选择

http://zhoushengfe.com/iosselect/demo/three/area.html

viewport缩放时处理方案

http://zhoushengfe.com/iosselect/demo/rem/bank.html

日期选择器 三级联动,通过方法获取数据,并且有加载中效果

http://zhoushengfe.com/iosselect/demo/datepicker/date.html

日期时间选择器,共五级,通过方法获取数据

http://zhoushengfe.com/iosselect/demo/five/time.html

iosselect的优势

    iosselect接口丰富,适用于多类场景

    可以定制依赖关系,规定各层级之间是否有关联。

    可以定制选择层级,支持1-5层选择。

    可以定制各项高度,可以规定展示项数,默认展示7项。

    移动端rem应用普遍,无论你是px还是rem,使用iosselect都完全不是问题。

    可以提供静态数据,也可以使用方法获取数据,支持同步方法和异步方法。

    iosselect基于iscroll5开发,除此外无任何依赖,所以无论你是react还是angular还是vue还是zepto jquey都不是问题。

 

共有 人打赏支持
粉丝 32
博文 5
码字总数 2490
作品 2
×
周胜
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: