[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3230":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":24,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":16,"starSnapshotCount":16,"syncStatus":19,"lastSyncTime":34,"discoverSource":35},3230,"vant-weapp","youzan\u002Fvant-weapp","youzan","轻量、可靠的小程序 UI 组件库","https:\u002F\u002Fvant.pro\u002Fvant-weapp\u002F",null,"JavaScript",18393,3472,434,132,0,8,30,2,77,"MIT License",false,"dev",true,[26,27,28,29,30],"miniprogram","ui","vant","weapp","weixin","2026-06-12 04:00:16","\u003Cp align=\"center\">\n  \u003Cimg alt=\"logo\" src=\"https:\u002F\u002Fimg.yzcdn.cn\u002Fvant\u002Flogo.png\" width=\"120\" style=\"margin-bottom: 10px;\">\n\u003C\u002Fp>\n\u003Ch3 align=\"center\">轻量、可靠的小程序 UI 组件库\u003C\u002Fh3>\n\n\u003Cp align=\"center\">\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@vant\u002Fweapp.svg?style=for-the-badge\" alt=\"npm version\" \u002F>\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-MIT-blue.svg?style=for-the-badge&color=#4fc08d\" \u002F>\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdt\u002F@vant\u002Fweapp.svg?style=for-the-badge&color=#4fc08d\" alt=\"downloads\" \u002F>\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F@vant\u002Fweapp.svg?style=for-the-badge&color=#4fc08d\" alt=\"downloads\" \u002F>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  🔥 \u003Ca href=\"https:\u002F\u002Fvant.pro\u002Fvant-weapp\u002F\">文档网站（国内）\u003C\u002Fa>\n   \n  🔥 \u003Ca href=\"https:\u002F\u002Fvant-ui.github.io\u002Fvant-weapp\u002F\">文档网站（GitHub）\u003C\u002Fa>\n   \n  🚀 \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fvant-ui\u002Fvant\" target=\"_blank\">Vue 版\u003C\u002Fa>\n\u003C\u002Fp>\n\n---\n\n### 介绍\n\nVant 是一个**轻量、可靠的移动端组件库**，于 2017 年开源。\n\n目前 Vant 官方提供了 [Vue 2 版本](https:\u002F\u002Fvant-ui.github.io\u002Fvant\u002Fv2\u002F)、[Vue 3 版本](https:\u002F\u002Fvant-ui.github.io\u002Fvant\u002F)和[微信小程序版本](http:\u002F\u002Fvant-ui.github.io\u002Fvant-weapp\u002F)，并由社区团队维护 [React 版本](https:\u002F\u002Fgithub.com\u002F3lang3\u002Freact-vant)和[支付宝小程序版本](https:\u002F\u002Fgithub.com\u002Fant-move\u002FVant-Aliapp)。\n\n## 预览\n\n扫描下方小程序二维码，体验组件库示例。注意：因微信审核机制限制，目前示例小程序不是最新版本，可以 clone 代码到本地开发工具预览\n\n\u003Cimg src=\"https:\u002F\u002Fimg.yzcdn.cn\u002Fvant-weapp\u002Fqrcode-201808101114.jpg\" width=\"200\" height=\"200\" style=\"margin-top: 10px;\" >\n\n## 使用之前\n\n使用 Vant Weapp 前，请确保你已经学习过微信官方的 [小程序简易教程](https:\u002F\u002Fdevelopers.weixin.qq.com\u002Fminiprogram\u002Fdev\u002Fframework\u002F) 和 [自定义组件介绍](https:\u002F\u002Fdevelopers.weixin.qq.com\u002Fminiprogram\u002Fdev\u002Fframework\u002Fcustom-component\u002F)。\n\n## 安装\n\n### 方式一. 通过 npm 安装 (推荐)\n\n小程序已经支持使用 npm 安装第三方包，详见 [npm 支持](https:\u002F\u002Fdevelopers.weixin.qq.com\u002Fminiprogram\u002Fdev\u002Fdevtools\u002Fnpm.html?search-key=npm)\n\n```bash\n# 通过 npm 安装\nnpm i @vant\u002Fweapp -S --production\n\n# 通过 yarn 安装\nyarn add @vant\u002Fweapp --production\n\n# 安装 0.x 版本\nnpm i vant-weapp -S --production\n```\n\n### 方式二. 下载代码\n\n直接通过 git 下载 Vant Weapp 源代码，并将 `dist` 目录拷贝到自己的项目中。\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fyouzan\u002Fvant-weapp.git\n```\n\n## 使用组件\n\n以按钮组件为例，只需要在 json 文件中引入按钮对应的自定义组件即可\n\n```json\n{\n  \"usingComponents\": {\n    \"van-button\": \"\u002Fpath\u002Fto\u002Fvant-weapp\u002Fdist\u002Fbutton\u002Findex\"\n  }\n}\n```\n\n接着就可以在 wxml 中直接使用组件\n\n```html\n\u003Cvan-button type=\"primary\">按钮\u003C\u002Fvan-button>\n```\n\n## 在开发者工具中预览\n\n```bash\n# 安装项目依赖\nnpm install\n\n# 执行组件编译\nnpm run dev\n```\n\n打开[微信开发者工具](https:\u002F\u002Fdevelopers.weixin.qq.com\u002Fminiprogram\u002Fdev\u002Fdevtools\u002Fdownload.html)，把`vant-weapp\u002Fexample`目录添加进去就可以预览示例了。\n\nPS：关于 `van-area` Area 省市区选择组件，地区数据初始化可以直接在云开发环境中导入`vant-weapp\u002Fexample\u002Fdatabase_area.JSON` 文件使用。\n\n## 基础库版本\n\nVant Weapp 最低支持到小程序基础库 2.6.5 版本。\n\n## 链接\n\n- [文档网站（GitHub）](https:\u002F\u002Fvant-ui.github.io\u002Fvant-weapp\u002F)\n- [文档网站（国内）](https:\u002F\u002Fvant.pro\u002Fvant-weapp\u002F)\n- [意见反馈](https:\u002F\u002Fgithub.com\u002Fyouzan\u002Fvant-weapp\u002Fissues)\n- [设计资源](https:\u002F\u002Fvant-ui.github.io\u002Fvant\u002F#\u002Fzh-CN\u002Fdesign)\n- [更新日志](https:\u002F\u002Fvant-ui.github.io\u002Fvant-weapp\u002F#\u002Fchangelog)\n- [官方示例](https:\u002F\u002Fgithub.com\u002Fvant-ui\u002Fvant-demo)\n\n## 核心团队\n\n以下是 Vant 和 Vant Weapp 的核心贡献者们：\n\n| [![chenjiahan](https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F7237365?s=80&v=4)](https:\u002F\u002Fgithub.com\u002Fchenjiahan\u002F) | [![cookfront](https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F4829465?s=80&v=4)](https:\u002F\u002Fgithub.com\u002Fcookfront\u002F) | [![w91](https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F2599455?s=80&v=4)](https:\u002F\u002Fgithub.com\u002Fw91\u002F) | [![pangxie1991](https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F5961240?s=80&v=4)](https:\u002F\u002Fgithub.com\u002Fpangxie1991\u002F) | [![rex-zsd](https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F8767877?s=80&v=4)](https:\u002F\u002Fgithub.com\u002Frex-zsd\u002F) | [![nemo-shen](https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F13480805?s=80&v=4)](https:\u002F\u002Fgithub.com\u002Fnemo-shen\u002F) |\n| :-: | :-: | :-: | :-: | :-: | :-: |\n| [chenjiahan](https:\u002F\u002Fgithub.com\u002Fchenjiahan\u002F) | [cookfront](https:\u002F\u002Fgithub.com\u002Fcookfront\u002F) | [wangnaiyi](https:\u002F\u002Fgithub.com\u002Fw91\u002F) | [pangxie](https:\u002F\u002Fgithub.com\u002Fpangxie1991\u002F) | [rex-zsd](https:\u002F\u002Fgithub.com\u002Frex-zsd\u002F) | [nemo-shen](https:\u002F\u002Fgithub.com\u002Fnemo-shen\u002F) |\n\n| [![Lindysen](https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F33708359?s=80&v=4)](https:\u002F\u002Fgithub.com\u002FLindysen\u002F) | [![JakeLaoyu](https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F16181940?s=80&v=4)](https:\u002F\u002Fgithub.com\u002FJakeLaoyu\u002F) | [![landluck](https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F27060081?s=80&v=4)](https:\u002F\u002Fgithub.com\u002Flandluck\u002F) | [![wjw-gavin](https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F19986739?s=80&v=4)](https:\u002F\u002Fgithub.com\u002Fwjw-gavin\u002F) | [![inottn](https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F18509404?s=80&v=4)](https:\u002F\u002Fgithub.com\u002Finottn\u002F) | [![zhousg](https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F15833290?s=80&v=4)](https:\u002F\u002Fgithub.com\u002Fzhousg\u002F) |\n| :-: | :-: | :-: | :-: | :-: | :-: |\n| [Lindysen](https:\u002F\u002Fgithub.com\u002FLindysen\u002F) | [JakeLaoyu](https:\u002F\u002Fgithub.com\u002FJakeLaoyu\u002F) | [landluck](https:\u002F\u002Fgithub.com\u002Flandluck\u002F) | [wjw-gavin](https:\u002F\u002Fgithub.com\u002Fwjw-gavin\u002F) | [inottn](https:\u002F\u002Fgithub.com\u002Finottn\u002F) | [zhousg](https:\u002F\u002Fgithub.com\u002Fzhousg\u002F) |\n\n## 贡献者们\n\n感谢以下小伙伴们为 Vant Weapp 发展做出的贡献：\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fyouzan\u002Fvant-weapp\u002Fgraphs\u002Fcontributors\">\n  \u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fvant-weapp\u002Fcontributors.svg?width=890&button=false\" alt=\"contributors\">\n\u003C\u002Fa>\n\n## 开源协议\n\n本项目基于 [MIT](https:\u002F\u002Fzh.wikipedia.org\u002Fwiki\u002FMIT%E8%A8%B1%E5%8F%AF%E8%AD%89)协议，请自由地享受和参与开源。\n","Vant Weapp 是一个专为微信小程序设计的轻量、可靠的 UI 组件库。它提供了丰富的组件，如按钮、表单、布局等，支持通过 npm 或直接下载代码的方式快速集成到项目中。Vant Weapp 采用模块化设计，开发者可以根据需要选择性引入组件，从而保持应用体积小巧。此外，该库还拥有详细的文档和示例，便于上手使用。适用于希望提高开发效率并保持一致用户体验的小程序项目。","2026-06-11 02:52:59","top_language"]