wui
說一下自己寫項目的體會吧,自我感覺wui還不錯,能夠讓自己很快地把頁面布局好,而且里面一些js效果也不用自己去手寫jQuery代碼很方便,下面讓我們一起來認識一下wui這個框架吧
1,accordion（折疊面板也就是二級列表）默認收縮,如果展開只需要在包含.W-UI-collapse類的li節點上，增加.W-UI-active類即可,比自己在那寫原生方便又快
2,W-UI-popover,彈出框,如果在底部直接在w-ui-popover的類中加.W-UI-popover-bottom、.W-UI-popover-action也可以傳入toggle,用戶不用關心怎么隱藏的只需要會使用即可
3輪播
其實wui的輪播和bootstrap相似,只是多了前綴w-ui,其他是一樣的
4,w-ui滾動事件
- Android平台4.0以下不支持div滾動
- Android平台4.0以上支持div滾動，但不顯示滾動條
- 彈出層的div滾動在iOS平台存在事件透傳的問題
- W-UI額外提供了區域滾動組件，使用時需要遵循如下DOM結構
1 <div class="W-UI-scroll-wrapper"> 2 <div class="W-UI-scroll"> 3 <!--這里放置真實顯示的DOM內容--> 4 </div> 5 </div> 6 區域滾動默認為absolute 7 8 W-UI('.W-UI-scroll-wrapper').scroll({ 9 deceleration: 0.0005 //flick 減速系數，系數越大，滾動速度越慢，滾動距離越小，默認值0.0006 10 }); 11 12 //如果手動滾動需初始化scroll