UI库 jQuery WeUI

UI库 jQuery WeUI

  • 开发协议:MIT
  • 操作系统: Windows Linux Android IOS Mac
  • 开发语言:Js
  • 收录时间:2016-04-23
  • 分享:
编辑评级
3

项目详细介绍

     jQuery WeUI 是WeUI的一个jQuery实现版本,除了实现了官方插件之外,它还提供了如下拉刷新、日历、地址选择器等丰富的拓展组件。jQuery WeUI 中的JS组件均是以JQuery 插件的形式提供,使用非常方便,并且可以和React、Angular、VUE之类的主流JS框架一起使用。

     WeUI 是微信官方团队针对微信提供的一个H5 UI库,它只提供了一组CSS组件。jQuery WeUI 中使用的是官方WeUI的CSS代码,并提供了jQuery/Zepto版本的API实现。因为直接使用了官方的CSS,所以你不用担心跟官方版本的冲突。实际上 jQuery WeUI == WeUI + jQuery插件。

简洁强大的API

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

//显示一个对话框
$.alert("我是一个对话框");

//弹出一个actionsheet
$.actions({
  actions: [{
    text: "编辑",
    onClick: function() {
      //do something
    }
  },{
    text: "删除",
    onClick: function() {
      //do something
    }
  }]
})

立刻试用

推荐通过npm获取代码: npm install jquery-weui

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

<!-- head 中 -->
<link rel="stylesheet" href="/jquery-weui/dist/lib/weui.css">
<link rel="stylesheet" href="/jquery-weui/dist/css/jquery-weui.css">

<!-- body 最后 -->
<script src="/jquery-weui/dist/lib/jquery-2.1.4.js"></script>
<script src="/jquery-weui/dist/js/jquery-weui.js"></script>

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

建议自行clone并编译代码 jQuery WeUI.

如果你不会编译,可以直接切换到 build 分支,其中的 dist 目录下就是全部编译好的代码。

或者点击这里直接下载 jQuery WeUI


标签:jQuery