<p align="center">
<img alt="logo" src="https://img.yzcdn.cn/vant/logo.png" width="120" style="margin-bottom: 10px;">
</p>
<h3 align="center">轻量、可靠的小程序 UI 组件库</h3>
<p align="center">
<img src="https://img.shields.io/npm/v/@vant/weapp.svg?style=for-the-badge" alt="npm version" />
<img src="https://img.shields.io/badge/License-MIT-blue.svg?style=for-the-badge&color=#4fc08d" />
<img src="https://img.shields.io/npm/dt/@vant/weapp.svg?style=for-the-badge&color=#4fc08d" alt="downloads" />
<img src="https://img.shields.io/npm/dm/@vant/weapp.svg?style=for-the-badge&color=#4fc08d" alt="downloads" />
</p>
<p align="center">
🔥 <a href="https://vant-contrib.gitee.io/vant-weapp">文档网站(国内)</a>
🌈 <a href="https://vant-ui.github.io/vant-weapp">文档网站(GitHub)</a>
🚀 <a href="https://github.com/vant-ui/vant" target="_blank">Vue 版</a>
</p>
---
### 介绍
Vant 是一个**轻量、可靠的移动端组件库**,于 2017 年开源。
目前 Vant 官方提供了 [Vue 2 版本](https://vant-contrib.gitee.io/vant/v2)、[Vue 3 版本](https://vant-contrib.gitee.io/vant)和[微信小程序版本](http://vant-contrib.gitee.io/vant-weapp),并由社区团队维护 [React 版本](https://github.com/3lang3/react-vant)和[支付宝小程序版本](https://github.com/ant-move/Vant-Aliapp)。
## 预览
扫描下方小程序二维码,体验组件库示例:
<img src="https://img.yzcdn.cn/vant-weapp/qrcode-201808101114.jpg" width="200" height="200" style="margin-top: 10px;" >
## 使用之前
使用 Vant Weapp 前,请确保你已经学习过微信官方的 [小程序简易教程](https://developers.weixin.qq.com/miniprogram/dev/framework/) 和 [自定义组件介绍](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
# 安装 0.x 版本
npm i vant-weapp -S --production
```
### 方式二. 下载代码
直接通过 git 下载 Vant Weapp 源代码,并将 `dist` 目录拷贝到自己的项目中。
```bash
git clone https://github.com/vant-ui/vant-weapp.git
```
## 使用组件
以按钮组件为例,只需要在 json 文件中引入按钮对应的自定义组件即可
```json
{
"usingComponents": {
"van-button": "/path/to/vant-weapp/dist/button/index"
}
}
```
接着就可以在 wxml 中直接使用组件
```html
<van-button type="primary">按钮</van-button>
```
## 在开发者工具中预览
```bash
# 安装项目依赖
npm install
# 执行组件编译
npm run dev
```
打开[微信开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html),把`vant-weapp/example`目录添加进去就可以预览示例了。
PS:关于 `van-area` Area 省市区选择组件,地区数据初始化可以直接在云开发环境中导入`vant-weapp/example/database_area.JSON` 文件使用。
## 基础库版本
Vant Weapp 最低支持到小程序基础库 2.6.5 版本。
## 链接
- [意见反馈](https://github.com/vant-ui/vant-weapp/issues)
- [设计资源](https://vant-contrib.gitee.io/vant/#/zh-CN/design)
- [更新日志](https://vant-contrib.gitee.io/vant-weapp/#/changelog)
- [官方示例](https://github.com/vant-ui/vant-demo)
## 核心团队
以下是 Vant 和 Vant Weapp 的核心贡献者们:
| [![chenjiahan](https://avatars.githubusercontent.com/u/7237365?s=80&v=4)](https://github.com/chenjiahan/) | [![cookfront](https://avatars.githubusercontent.com/u/4829465?s=80&v=4)](https://github.com/cookfront/) | [![w91](https://avatars.githubusercontent.com/u/2599455?s=80&v=4)](https://github.com/w91/) | [![pangxie1991](https://avatars.githubusercontent.com/u/5961240?s=80&v=4)](https://github.com/pangxie1991/) | [![rex-zsd](https://avatars.githubusercontent.com/u/8767877?s=80&v=4)](https://github.com/rex-zsd/) | [![nemo-shen](https://avatars.githubusercontent.com/u/13480805?s=80&v=4)](https://github.com/nemo-shen/) | [![Lindysen](https://avatars.githubusercontent.com/u/33708359?s=80&v=4)](https://github.com/Lindysen/) | [![nemo-shen](https://avatars.githubusercontent.com/u/16181940?s=80&v=4)](https://github.com/JakeLaoyu/) |
| :-: | :-: | :-: | :-: | :-: | :-: | :-: | :-: |
| [chenjiahan](https://github.com/chenjiahan/) | [cookfront](https://github.com/cookfront/) | [wangnaiyi](https://github.com/w91/) | [pangxie](https://github.com/pangxie1991/) | [rex-zsd](https://github.com/rex-zsd/) | [nemo-shen](https://github.com/nemo-shen/) | [Lindysen](https://github.com/Lindysen/) | [JakeLaoyu](https://github.com/JakeLaoyu/) |
## 贡献者们
感谢以下小伙伴们为 Vant Weapp 发展做出的贡献:
<a href="https://github.com/vant-ui/vant-weapp/graphs/contributors">
<img src="https://opencollective.com/vant-weapp/contributors.svg?width=890&button=false" alt="contributors">
</a>
## 开源协议
本项目基于 [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89)协议,请自由地享受和参与开源。
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
IP人物图像识别AR小程序 (2166个子文件)
0002d016db296821c66e1abc663e800154699e 80B
0075193eda10b126bcd8ba8d812cfe813fb113 183B
0089cd5dc6395ff8355fa52550af2427c8dbe7 105B
00a1f3af7bd8a2d2520792ef76206475ae56eb 870B
00f021be988ccbe5251e88750701983a6d7a7a 163B
01366872a6dde4cce793540f213d40dd153b35 333B
0184f7632d0fcbdca8b7f548acca021d65fcdc 432B
02add20b581be471b8d17f887b8e8337070546 194B
02f8e8ac7b20d636f0bb2b37a4dab9f57ef1e0 750B
04be10f07bb4614ede2e80d3935191635d3831 345B
04ef01f473eca2825d6c46c291001a60932215 214B
05d84f2465580372e64d8179ad2e1e99893e8a 188B
05f212ea7df1a6656fc4f79b0d3c1f4ec90e96 464B
05ff4a6b1d8c4ff32d84cfc1c59a0ab051f21e 393KB
06312c74738bdb59c8d89913494b70c7341423 26KB
06c5048acd40f797098314747f67ef4e5107db 97B
06e1677070434f2bd7d07cffb36e1365d5e476 116B
06e852c83dc14ee0583d678477ea8ab142eff5 2KB
0760f71f60798693ca32cd3747dab2b110f8c1 144B
077f5dafe4ea3780999933518963b8b6551d8d 85B
07d2e165b3a2a2c9445b3c93aa8572daa9ca3d 219B
08b95fa5d5588f23b97213122bd1fd17c734e0 163B
092bd927962f5e9b8efecdbfd45d1fec8d1047 434B
09420068ea7e2247c8b52014a8c3a100dabdc9 187B
0a13f261d7e93ddbf16959a27a49db92ea1561 134B
0a561e8574fef14457a6baecc7b8bdf3bab64a 455B
0a588702da8887bbe5f8261aea5764251d14ff 100B
0afeffacf1289631738c2c2562b616fde71b62 3KB
0b12ce100b69db5399694d75c1eb6bc0e08b9d 187B
0cbae9d89743a1dd7b06e97e34db84744199dd 559B
0cf64c2ce4b0091a2ef14b9687a3da9a34b447 186B
0d00f6b73fd8293bc121221037d4fa028b2265 912B
0d2ec2b0324aa1f64c53cd60e22211111d816a 82B
0eb7768dedc72484e621a0d47f0f9d979169f2 189B
0ebe009c3904229ff4005710f4136b55cf57aa 81B
0f35aeee16bcf8a60ca741bbd933516e737b96 884B
0f36d36ba5ebea3ec1bbca1ac82f4badfeb8c2 244B
0fd27ab920fdd71f3493429a679eb3d44e7af7 220B
0ff5c3b541f646105198ee23ac0fc3d805023e 27B
1088f5d071e3e2aa3ac09d518c024734fdb0ad 1KB
112c45330d4294c2404921550dd153b2e1fae7 4KB
115ddbc90cf5e8c2b2eda0972d6574c4be1415 186B
117a0d2cb896414491c910d23abe9ef9f33b8a 260B
12850cccd815338bc163b4d56451c42627e92c 58B
137f5fa88df4ef63d4b76309f989d0aa34a89a 1KB
14abe3de63a6a613256f8bbf03c5d1f491c40b 189B
1514d05fdce662ca1f2bff2d72841acbf7c08d 297B
15655e6f8f688eafc8eeb49408ba5a52ffd41e 536B
157b6216ccb826ef242068d0bbe27fb001bb3e 162B
15a51d2a21b4716c90e3f57410a40d36b39786 478B
15cb161a048b428927dbc1250eee012447ebe0 164B
16087f963afd8b203aa2dc9431f0079f8c4f83 465B
16d32410dc830029ffad845d74c8764d6a8b96 250B
173e4a0de699496f5a9745bfdd8161d0a5f02e 619B
17407692d20b91dbe066e7e198db5e93ae474a 82B
17beeb4bf546bc3250569239d1ae1fd779906b 143B
1861ad9dbd257a8e312d614a2370ce452a67a5 612B
1895f4dde07af9b49e3f84d6918a48f9966022 2KB
194421c732541b10974fc3e07ec6738dbe449f 1KB
194587426523bfd2740d224e7ac4f782fe3fbb 400B
1af73ac83664dd0d1dad70d05bdefbd5a4fc98 197B
1b5dad788c12aa7de0c641b8c7e7353fe78980 48B
1b78c4aa37d522149a65979bb4f4786ecbf2ed 126B
1c31e16788cdec4112d2be331031040010060a 512B
1d0d436892a1460465427c6390199903e0fa5c 449B
1d66d4f4a32bcea522fb920ecd8d4eb14b7736 188B
1db875930c7926639ca56610fbeb66ce84e639 53B
1dc447a8bb26d555f73714d0922c737a98c898 391B
1de8f8c33b3e20dc88fbe8403fe65c7c59fcff 449B
1df7473cb0f1090e44bd468a775d35d5d536bf 444B
1e064aaa3ae97363acdbf7c52e5ebbe007a19a 194B
1e304d628190b6cfdf85ff71d0de384efdba84 82B
1e8e6bc0440be40af8e27c86b5fcf509d0437f 361B
1f6e96a9df8ef495a4d37ca84e34082c86cf06 187B
1f844bcce4936f487c0cbff8aa49baf168e64d 442B
21297994df6d8c153e9580ef829dec13f5f335 1KB
21f322b71317577c7308c539e2b2204908524f 206B
2246f58f624a5ad7dc994340e2deffa22e1ded 68B
2272adb985a1c3ad99830fc0188da928a13159 536B
22e5c0e08a78d7d2b4bb1dc407831a4edd1ccf 299B
2317f9bab1a44d521a478e318bc857993c27fa 455B
2414510b3e1b29aa60051e5320f8c9086bd830 850B
243cb58bf7dfbfb773bebcdc7ffc376e5997b8 186B
2490eace07480acc23119a791bffaae499ad8f 729B
24abb9d178c73ca9f7654a3b3152a1ce690cdd 626B
24cf4a4cbcbc2f46d2e5ee9b0f557e09d1c1a0 918B
2537efc4cc1767b455b8d592596707c6b887a5 300B
2563042281aa20ff317b2bad2e1b9ffa3d818f 163B
25d0a609e9094afbe00c561ed6b55c2f2ae191 77B
25e73cd03055a905daefab01bc7d268abf860f 186B
2605c4acd9aead7f2460f447dd531abb04eabb 241B
265bf671176ff93f3a0b29d5d4bde15a28b7d4 171B
265e950a6c79072f51b915dc2163dfedda7efe 338B
268c9f8d00f020652f13fa15509cb77338e8db 160B
26a178ae51539168988465bb0b7267913b0838 1004B
26f6cc8d2c2cd0e76a5415682f234a9dfea5e2 617B
274e1d04b12dcb3338029d05c1026a92879cfc 273B
279b7a55d59976543dbc6d5f1cde67ebd9fef4 930B
27a0114a484f361a6a8b354aa27060804b4832 2KB
27c7b9c35d21d2e7420a9562bac7caf3acdf75 740B
共 2166 条
- 1
- 2
- 3
- 4
- 5
- 6
- 22
资源评论
忆凡_
- 粉丝: 8255
- 资源: 9
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功