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

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