最近在写h5的页面,发现有一款框架还不错给大家推荐一下

时间：2023-08-17 23:17:26

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结构 
     <div class="W-UI-scroll-wrapper">
    
     <div class="W-UI-scroll">
    
         <!--这里放置真实显示的DOM内容-->
    
     </div>
    
 </div>
    
 区域滚动默认为absolute

 W-UI('.W-UI-scroll-wrapper').scroll({
    
     deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
    
 });

 //如果手动滚动需初始化scroll

相关文章