jQuery WeUI:WeUI 的jQuery实现版

WeUI 是微信官方团队针对微信提供的一个 H5 UI 库,它只提供了一组CSS组件。

jQuery WeUI 中使用的是官方 WeUI 的 CSS 代码,并提供了 jQuery/Zepto 版本的 API 实现。因为直接使用了官方的 CSS,所以你不用担心跟官方版本的冲突。实际上 jQuery WeUI == WeUI + jQuery 插件。

下载+文档:http://lihongxun945.github.io/jquery-weui/

WeUI:微信官方网页开发样式库

简洁强大的API

如果你使用过 jQuery,那么你使用 jQuery WeUI 将没有任何障碍,所有的 JS 组件都是标准的 jQuery 插件:

<br />
//显示一个对话框<br />
$.alert("我是一个对话框");</p>
<p>//弹出一个actionsheet<br />
$.actions({<br />
  actions: [{<br />
    text: "编辑",<br />
    onClick: function() {<br />
      //do something<br />
    }<br />
  },{<br />
    text: "删除",<br />
    onClick: function() {<br />
      //do something<br />
    }<br />
  }]<br />
});<br />

立即使用

依次引入如下文件后即可使用:

<br />
<!-- head 中 -->
<link rel="stylesheet" href="/jquery-weui/dist/lib/weui.css">
<link rel="stylesheet" href="/jquery-weui/dist/css/jquery-weui.css">
<p><!-- body 最后 --><br />
<script src="/jquery-weui/dist/lib/jquery-2.1.4.js"></script><br />
<script src="/jquery-weui/dist/js/jquery-weui.js"></script><br />

其中 weui.css 是官方的版本,并未做任何修改。

下载+文档:http://lihongxun945.github.io/jquery-weui/

标签:

热门文章