1. 程式人生 > >H5萬能選擇器:iosselect

H5萬能選擇器:iosselect

iosselect是個什麼東西?

 移動端瀏覽器對於select的展示樣式是不一致的,ios下是類似原生的picker,安卓下各瀏覽器展示各異,我們需要一個選擇器元件來統一各端下各種瀏覽器的展示。下面是它的一個截圖:

iosselect 專案地址:

iosselect能做什麼?

移動端開發中,經常遇到選擇器功能,常見的時間選擇,日期選擇,地區選擇,單列選擇。iosselect完美實現一個元件實現各種選擇器的功能。

先看demo:

 一級級聯,銀行選擇

二級級聯,三國殺將領組合選

三級級聯,省市區選擇

viewport縮放時處理方案

日期選擇器 三級聯動,通過方法獲取資料,並且有載入中效果

日期時間選擇器,共五級,通過方法獲取資料

iosselect的優勢

    iosselect介面豐富,適用於多類場景

    可以定製依賴關係,規定各層級之間是否有關聯。

    可以定製選擇層級,支援1-5層選擇。

    可以定製各項高度,可以規定展示項數,預設展示7項。

    移動端rem應用普遍,無論你是px還是rem,使用iosselect都完全不是問題。

    可以提供靜態資料,也可以使用方法獲取資料,支援同步方法和非同步方法。

    iosselect基於iscroll5開發,除此外無任何依賴,所以無論你是react還是angular還是vue還是zepto jquey都不是問題。