# jQuery WeUI - 打造微信公众号开发的瑞士军刀
<p align="center">
<a href="http://lihongxun945.github.io/jquery-weui/">
<img src="https://raw.githubusercontent.com/lihongxun945/jquery-weui/master/logo.png" width="250" />
</a>
</p>
[![npm version](https://img.shields.io/npm/v/jquery-weui.svg)](https://www.npmjs.com/package/jquery-weui)
jQuery WeUI 是专为微信公众账号开发而设计的一个简洁而强大的UI库,包含全部WeUI官方的CSS组件,并且额外提供了大量的拓展组件,丰富的组件库可以极大减少前端开发时间。
更多文档请参阅官网: [http://lihongxun945.github.io/jquery-weui/](http://lihongxun945.github.io/jquery-weui/)
微信扫描二维码立刻体验:
![code](https://raw.githubusercontent.com/lihongxun945/jquery-weui/master/screenshot/code.png)
# 为什么选择 jQuery WeUI
- 简单易用,无上手难度
- 丰富强大的组件库,并且还在不断完善中
- 轻量,无限制,可以结合任何主流JS框架使用,比如 `Vue, Angular, React` 等
- 高性能的 CSS3 动画,低端手机上依然可以较流畅运行
- 详尽完善的官方文档
- 稳定的API,不间断的更新迭代
# 搭配框架
`jQuery WeUI` 的定位正如 `jQuery` 的定位:做一把锋利的小刀,而不是做一个笨重的大炮。
`jQuery WeUI` 只是提供一些常用的UI控件,如果不是很复杂的项目,基本只用 `jQuery WeUI` 即可满足需求。如果项目比较复杂,或者希望实现单页应用,推荐使用 [Vue](https://github.com/vuejs/vue/) 或者 [Angular](https://angular.io/),或者可以看看我正在开发的另一个项目 [vue-mobile](https://github.com/lihongxun945/vue-mobile)
# 下载
推荐通过npm来安装 `npm install jquery-weui`
或者你可以 clone 这个仓库,自行编译,关于如何进行编译请参见下面的gulp章节。
所有编译后的代码都在 `dist` 目录下,为了减少垃圾文件,master默认忽略了这个目录,你可以自行编译或者切换到 `build` 分支就可以看到这个目录。
# gulp
使用 `gulp` 进行代码编译,如果你没有用过或者不想自行编译,可以切换到 `build` 分支即可。
关于如何使用 gulp 请参考 [http://gulpjs.com/](http://gulpjs.com/)
可用的 gulp 命令如下:
- `gulp` 进入开发模式,同时打开 `watch` 和 `server`任务
- `gulp build` 编译压缩代码
# 分支说明
- `master` 主分支,正式发布的代码才会进入master分支
- `build` 包含全部编译后代码的分支,和 `master` 分支同步,但是会包含 `dist` 目录
- `dev` 开发分支
- `gh-pages` 文档主分支
- `gh-pages-dev` 文档的开发分支
# 联系和讨论
QQ 群:546452237
群里更适合聊天,如果是发现bug或者有功能上的建议,推荐通过 `issue` 来讨论。
# 捐助
jQuery WeUI 是 MIT 协议的免费开源项目,不会收取任何费用。作者维护这个项目需要耗费不少精力,如果jQuery WeUI 帮到了你,你可以捐款让这个项目变得更好。当然,无论是否捐款,都感谢您对本项目的支持。
**捐款是纯粹自愿的捐助行为,我将非常感谢您的捐助,但您本人并不会因为您的捐款而获得比其他不捐款用户更多的权利,望理解。**
<img src="https://raw.githubusercontent.com/lihongxun945/jquery-weui/master/vcode/alipay.jpg" width="250" />
<img src="https://raw.githubusercontent.com/lihongxun945/jquery-weui/master/vcode/wechat.jpg" width="250" />
# LICENSE
[MIT](https://opensource.org/licenses/MIT),尽情享受开源代码。
# Thanks
- [WeUI](http://weui.github.io/weui/#/)
- [Framework7](http://framework7.io/)
- [MSUI](http://m.sui.taobao.org/)
- [Jekyll](http://jekyllrb.com/)
- [gulp](http://gulpjs.com/)
# 组件展示
<img src="https://raw.githubusercontent.com/lihongxun945/jquery-weui/master/screenshot/grid.png" width="320" />
<img src="https://raw.githubusercontent.com/lihongxun945/jquery-weui/master/screenshot/buttons.png" width="320" />
<img src="https://raw.githubusercontent.com/lihongxun945/jquery-weui/master/screenshot/cell.png" width="320" />
<img src="https://raw.githubusercontent.com/lihongxun945/jquery-weui/master/screenshot/form.png" width="320" />
<img src="https://raw.githubusercontent.com/lihongxun945/jquery-weui/master/screenshot/dialog.png" width="320" />
<img src="https://raw.githubusercontent.com/lihongxun945/jquery-weui/master/screenshot/select.png" width="320" />
<img src="https://raw.githubusercontent.com/lihongxun945/jquery-weui/master/screenshot/calendar.png" width="320" />
<img src="https://raw.githubusercontent.com/lihongxun945/jquery-weui/master/screenshot/address.png" width="320" />
<img src="https://raw.githubusercontent.com/lihongxun945/jquery-weui/master/screenshot/actions.png" width="320" />
<img src="https://raw.githubusercontent.com/lihongxun945/jquery-weui/master/screenshot/photos.png" width="320" />
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
jQuery WeUI 是专为微信公众账号开发而设计的一个简洁而强大的UI库,包含全部WeUI官方的CSS组件,并且额外提供了大量的拓展组件,丰富的组件库可以极大减少前端开发时间。 jQuery WeUI 的最大特点是它只提供UI组件,并不会对项目所使用的框架和其他库有任何的限制,几乎可以在任何环境下使用。无论你的项目是基于jQuery,还是 React, Angular, Vue, 你都会发现 jQuery WeUI 能非常方便的和他们结合使用。既是你的项目是一个有很悠久历史的老项目,也几乎可以做到拿来即用。 jQuery WeUI 提供了总共30+ 个非常实用的组件:列表,表单,卡片,对话框,下拉刷新等。
资源推荐
资源详情
资源评论
收起资源包目录
jquery-weui-build.zip (273个子文件)
city-data.js.bak 357KB
photo-browser.js.bak 7KB
weui.css 357KB
weui.css 357KB
jquery-weui.css 67KB
jquery-weui.min.css 55KB
weui.min.css 49KB
weui.min.css 49KB
qunit-1.20.0.css 5KB
demos.css 593B
demos.css 593B
Thumbs.db 10KB
.gitignore 78B
index.html 11KB
index.html 10KB
tpl-chat.html 9KB
ptr-custom.html 9KB
cell.html 9KB
ptr-with-infinite.html 9KB
panel.html 9KB
form.html 9KB
infinite.html 9KB
tpl-chat.html 8KB
cell.html 8KB
ptr.html 8KB
panel.html 8KB
form.html 8KB
infinite-with-navbar.html 8KB
infinite-with-navbar.html 7KB
pull-to-refresh-with-navbar.html 6KB
datetime-picker.html 6KB
tpl-shopping-cart.html 6KB
popup.html 5KB
pull-to-refresh-with-navbar.html 5KB
count.html 5KB
datetime-picker.html 5KB
tpl-shopping-cart.html 5KB
popup.html 5KB
swipeout-with-ptr.html 5KB
count.html 4KB
select.html 4KB
swipeout.html 4KB
contacts.html 4KB
swipeout-with-ptr.html 4KB
icons.html 4KB
select.html 3KB
ptr-custom.html 3KB
ptr-with-infinite.html 3KB
preview.html 3KB
swipeout.html 3KB
contacts.html 3KB
dialog.html 3KB
picker.html 3KB
grid.html 3KB
calendar.html 3KB
select-test.html 3KB
badge.html 3KB
icons.html 3KB
infinite.html 3KB
photo-browser.html 3KB
preview.html 3KB
tabbar.html 3KB
city-picker.html 3KB
dialog.html 3KB
action-sheet.html 3KB
picker.html 2KB
uploader.html 2KB
ptr.html 2KB
cols.html 2KB
grid.html 2KB
flex.html 2KB
calendar.html 2KB
buttons.html 2KB
toast.html 2KB
badge.html 2KB
photo-browser.html 2KB
progress.html 2KB
article.html 2KB
footer.html 2KB
slider.html 2KB
tabbar.html 2KB
msg.html 2KB
city-picker.html 2KB
action-sheet.html 2KB
uploader.html 2KB
navbar.html 2KB
swiper.html 2KB
toptip.html 2KB
flex.html 2KB
searchbar.html 2KB
noti.html 2KB
buttons.html 2KB
toast.html 2KB
loadmore.html 1KB
progress.html 1KB
article.html 1KB
footer.html 1KB
slider.html 1KB
gallery.html 1KB
msg.html 1KB
共 273 条
- 1
- 2
- 3
资源评论
清风0592
- 粉丝: 27
- 资源: 13
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功