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