WeUI插件下载


发布时间:2018/3/6 18:32:49  次浏览  作者:admin

依赖说明:

jQuery WeUI 依赖 weui.css 和 jQuery,但是请注意要使用正确的版本。

其中 weui 的版本需要和当前的jQuery WeUI 对应,如果你不确定对应版本可以去看 更新日志 里面的说明。或者你可以直接使用此项目中的 dist/lib/weui.min.css。

jQuery 的版本请至少在 V1.7.0 以上。


使用CDN:
<!-- head 中 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">

<!-- body 最后 -->
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>

<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/city-picker.min.js"></script>


下载到本地:
    下载文件RAR在下方
注意如果你不会编译,请不要直接下载master分支,因为在master分支只有源代码,并没有编译后的代码,编译后的代码在dist目录,只有 build 分支才有这个目录,上面的下载链接就是build分支的链接。
如果你不会用NPM,或者不想用NPM,那么可以点击 jQuery WeUI 下载 - build,直接下载build分支,里面全部编译好的代码。


离线demo
在根目录下的 demos 目录中的文件都是 ejs 编写的源码,无法直接在浏览器中打开,需要 gulp 进行编译后才可以打开。

如果想本地运行demo请打开 dist/demos 文件夹下编译好的html文件。如果你找不到 dist 目录,说明你的代码没有编译,你可以执行 gulp 进行编译,或者切换到 build 分支,里面有编译好的全部代码。


如果你想试用还未发布的最新版本或者想定制组件,建议自行clone并编译代码 jQuery WeUI.

本项目使用 Gulp 编译,你可以修改gulp.js 以及 src/less/jquery-weui.less 来去掉不需要的模块,但是请注意有些模块是有依赖关系的(目前并没有任何地方声明这些依赖,你需要自己去看源码决定)。

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

jQuery WeUI

jQuery WeUI 是专为微信公众账号开发而设计的一个简洁而强大的UI库,包含全部WeUI官方的CSS组件,并且额外提供了大量的拓展组件,丰富的组件库可以极大减少前端开发时间。

jQuery WeUI 的最大特点是它只提供UI组件,并不会对项目所使用的框架和其他库有任何的限制,几乎可以在任何环境下使用。无论你的项目是基于jQuery,还是 React, Angular, Vue, 你都会发现 jQuery WeUI 能非常方便的和他们结合使用。既是你的项目是一个有很悠久历史的老项目,也几乎可以做到拿来即用。

jQuery WeUI 提供了总共近30 个非常实用的组件:列表,表单,卡片,对话框,下拉刷新等。



注意:如果直接复制dist/demos 文件夹下的编译好的文件进行修改,那么你不能修改附带的任何class,确定要做修改必须找相同的模板进行调试。请注意weui主要针对的是微信外观开发,

点我直接下载