<p>
<a href="https://github.com/youzan/"><img alt="logo" width="36px" src="https://img.yzcdn.cn/public_files/2017/02/09/e84aa8cbbf7852688c86218c1f3bbf17.png" alt="youzan">
</a>
</p>
<p align="center">
<img alt="logo" src="https://img.yzcdn.cn/public_files/2017/12/18/fd78cf6bb5d12e2a119d0576bedfd230.png" width="120" style="margin-bottom: 10px;">
</p>
<h3 align="center">轻量、可靠的小程序 UI 组件库</h3>
---
## 概述
[Vant Weapp](https://youzan.github.io/vant-weapp) 是有赞移动端组件库 [Vant](https://github.com/youzan/vant) 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。
## 预览
扫描下方小程序二维码,体验组件库示例:
<img src="https://img.yzcdn.cn/vant-weapp/qrcode-201808101114.jpg" width="200" height="200" style="margin-top: 10px;" >
## 文档
[https://youzan.github.io/vant-weapp](https://youzan.github.io/vant-weapp)
## 使用之前
使用 Vant Weapp 前,请确保你已经学习过微信官方的 [小程序简易教程](https://mp.weixin.qq.com/debug/wxadoc/dev/) 和 [自定义组件介绍](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/)。
## 安装
### 方式一. 通过 npm 安装 (推荐)
小程序已经支持使用 npm 安装第三方包,详见 [npm 支持](https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html?search-key=npm)
```bash
# npm
npm i vant-weapp -S --production
# yarn
yarn add vant-weapp --production
```
### 方式二. 下载代码
直接通过 git 下载 Vant Weapp 源代码,并将`dist`目录拷贝到自己的项目中
```bash
git clone https://github.com/youzan/vant-weapp.git
```
## 使用组件
以按钮组件为例,只需要在 json 文件中引入按钮对应的自定义组件即可
```json
{
"usingComponents": {
"van-button": "/path/to/vant-weapp/dist/button/index"
}
}
```
接着就可以在 wxml 中直接使用组件
```xml
<van-button type="primary">按钮</van-button>
```
## 在开发者工具中预览
```bash
# 安装项目依赖
npm install
# 执行组件编译
npm run dev
```
打开[微信开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html),把`vant-weapp/example`目录添加进去就可以预览示例了。
## 基础库版本
Vant Weapp 最低支持到小程序基础库 1.9.9 版本
## 迁移指南
Vant Weapp 是基于有赞 Zanui 组件库进行的品牌升级,对于仍在使用 Zanui 的用户,建议逐渐使用 Vant Weapp 替换原有的组件。
Zanui 后续会进入维护状态,仓库地址为:[https://github.com/youzan/zanui-weapp](https://github.com/youzan/zanui-weapp)
## 链接
* [更新日志](#/changelog)
* [意见反馈](https://github.com/youzan/vant-weapp/issues)
* [加入我们](https://job.youzan.com)
* [Vant: 移动端 Vue UI](https://github.com/youzan/vant)
* [React: PC 端 React UI](https://www.youzanyun.com/zanui/zent)
## 微信讨论群
欢迎大家在微信上联系我们,添加下方微信并注明『交流 vant-weapp』即可
<img src="https://img.yzcdn.cn/vant/wechat_20180606.png" width="220" height="292" >
## 开源协议
本项目基于 [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89)协议,请自由地享受和参与开源。
## 贡献
如果你有好的意见或建议,欢迎给我们提 [issue] 或 [PR],为优化 [vant-weapp] 贡献力量
[vant-weapp]: https://github.com/youzan/vant-weapp
[issue]: https://github.com/youzan/vant-weapp/issues/new
[PR]: https://github.com/youzan/vant-weapp/compare
[MIT]: http://opensource.org/licenses/MIT
[小程序简易教程]: https://mp.weixin.qq.com/debug/wxadoc/dev/
[小程序框架介绍]: https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html
[微信开发者工具]: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【资源说明】 1、该资源包括项目的全部源码,下载可以直接使用! 2、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目,作为参考资料学习借鉴。 3、本资源作为“参考资料”如果需要实现其他功能,需要能看懂代码,并且热爱钻研,自行调试。 基于 微信小程序-云开发 的校园服务平台源码+项目说明(提供二手交易和失物招领功能).zip 基于 微信小程序-云开发 的校园服务平台源码+项目说明(提供二手交易和失物招领功能).zip 基于 微信小程序-云开发 的校园服务平台源码+项目说明(提供二手交易和失物招领功能).zip 基于 微信小程序-云开发 的校园服务平台源码+项目说明(提供二手交易和失物招领功能).zip 基于 微信小程序-云开发 的校园服务平台源码+项目说明(提供二手交易和失物招领功能).zip 基于 微信小程序-云开发 的校园服务平台源码+项目说明(提供二手交易和失物招领功能).zip 基于 微信小程序-云开发 的校园服务平台源码+项目说明(提供二手交易和失物招领功能).zip
资源推荐
资源详情
资源评论
收起资源包目录
基于 微信小程序-云开发 的校园服务平台源码+项目说明(提供二手交易和失物招领功能).zip (711个子文件)
index.js 10KB
index.js 10KB
index.js 10KB
index.js 10KB
publish_lost.js 8KB
publish_old.js 8KB
myGoodsList.js 6KB
userInfo.js 5KB
mine.js 5KB
index.js 5KB
index.js 5KB
index.js 5KB
index.js 5KB
home.js 5KB
app.js 5KB
index.js 4KB
index.js 4KB
my_lost_found.js 4KB
index.js 4KB
index.js 4KB
index.js 3KB
index.js 3KB
index.js 3KB
index.js 3KB
transition.js 3KB
transition.js 3KB
index.js 3KB
index.js 3KB
index.js 3KB
index.js 3KB
index.js 2KB
index.js 2KB
index.js 2KB
index.js 2KB
goodsDetail.js 2KB
index.js 2KB
index.js 2KB
index.js 2KB
index.js 2KB
index.js 2KB
index.js 2KB
index.js 2KB
index.js 2KB
index.js 2KB
likeGoodsList.js 2KB
toast.js 2KB
toast.js 2KB
dialog.js 2KB
dialog.js 2KB
index.js 2KB
index.js 2KB
index.js 1KB
component.js 1KB
component.js 1KB
classifyList.js 1KB
cFuncs.js 1KB
index.js 1KB
index.js 1KB
index.js 1KB
index.js 1KB
behavior.js 1KB
behavior.js 1KB
index.js 1KB
index.js 1KB
index.js 1KB
index.js 1KB
index.js 1KB
index.js 1KB
userCenter.js 1KB
index.js 1009B
index.js 1009B
index.js 1006B
index.js 1006B
index.js 996B
index.js 977B
index.js 977B
lostDetail.js 951B
index.js 943B
index.js 938B
index.js 916B
index.js 913B
index.js 912B
index.js 912B
index.js 907B
index.js 907B
index.js 903B
index.js 903B
index.js 878B
index.js 878B
index.js 877B
index.js 877B
index.js 876B
iphonex.js 867B
iphonex.js 867B
index.js 861B
index.js 861B
index.js 853B
index.js 853B
index.js 827B
index.js 827B
共 711 条
- 1
- 2
- 3
- 4
- 5
- 6
- 8
资源评论
土豆片片
- 粉丝: 1839
- 资源: 5657
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功