iosselect是個什麼東西?
移動端瀏覽器對於select的展示樣式是不一致的,ios下是類似原生的picker,安卓下各瀏覽器展示各異,我們需要乙個選擇器元件來統一各端下各種瀏覽器的展示。下面是它的乙個截圖:
文件和demo可以訪問github:
iosselect能做什麼?
移動端開發中,經常遇到選擇器功能,常見的時間選擇,日期選擇,地區選擇,單列選擇。iosselect完美實現乙個元件實現各種選擇器的功能。
先看demo:
一級級聯,銀行選擇
二級級聯,三國殺將領組合選
**級聯,省市區選擇
viewport縮放時處理方案
日期選擇器 **聯動,通過方法獲取資料,並且有載入中效果
日期時間選擇器,共五級,通過方法獲取資料
iosselect的優勢
iosselect介面豐富,適用於多類場景
可以定製依賴關係,規定各層級之間是否有關聯。
可以定製選擇層級,支援1-5層選擇。
可以定製各項高度,可以規定展示項數,預設展示7項。
移動端rem應用普遍,無論你是px還是rem,使用iosselect都完全不是問題。
可以提供靜態資料,也可以使用方法獲取資料,支援同步方法和非同步方法。
iosselect基於iscroll5開發,除此外無任何依賴,所以無論你是react還是angular還是vue還是zepto jquey都不是問題。
H5新特性 CSS選擇器
是在原先的css基礎上延伸出來的,為了更方便 快捷的選中元素,有利於開發人員的開發 div class box box style display inline block div box a style display inline block div box po style display i...
H5教程(二),CSS入門(一)選擇器
這是我的第二篇部落格,h5教程css入門,適合剛開始學習h5的新手,讓我們共同進步。css稱為樣式層疊表,是用於增強或控制網頁樣式,並允許將樣式資訊與網頁內容分離的一種標記性語言。1.為了方便樣式的復用,方便 後期維護。2.為了達到頁面的精準控制,實現精美複雜的頁面。簡單點說,css就是為了讓你的網...
H5C3 屬性選擇器 兄弟選擇器 偽類選擇器
1 doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title title title 6 style 7.red 10.green 13.blue 1617 屬性選擇器的使用 18 需求 獲取所有擁有class屬性的元素,將字型大...