This action will force synchronization from vant/vant-weapp, which will overwrite any changes that you have made since you forked the repository, and can not be recovered!!!
Synchronous operation will process in the background and will refresh the page when finishing processing. Please be patient.
Vant 是有赞前端团队开源的移动端组件库,于 2016 年开源,已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务,对外服务十多万开发者,是业界主流的移动端组件库之一。
目前 Vant 官方提供了 Vue 版本和微信小程序版本,并由社区团队维护 React 版本。
扫描下方小程序二维码,体验组件库示例:
使用 Vant Weapp 前,请确保你已经学习过微信官方的 小程序简易教程 和 自定义组件介绍。
小程序已经支持使用 npm 安装第三方包,详见 npm 支持
# 通过 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
目录拷贝到自己的项目中
git clone https://github.com/youzan/vant-weapp.git
以按钮组件为例,只需要在 json 文件中引入按钮对应的自定义组件即可
{
"usingComponents": {
"van-button": "/path/to/vant-weapp/dist/button/index"
}
}
接着就可以在 wxml 中直接使用组件
<van-button type="primary">按钮</van-button>
# 安装项目依赖
npm install
# 执行组件编译
npm run dev
打开微信开发者工具,把vant-weapp/example
目录添加进去就可以预览示例了。
PS:关于 van-area
Area 省市区选择组件,地区数据初始化可以直接在云开发环境中导入vant-weapp/example/database_area.JSON
文件使用
Vant Weapp 最低支持到小程序基础库 2.2.3 版本
欢迎大家在微信上联系我们,添加下方微信并注明『交流 vant-weapp』即可
有赞前端团队是由一群年轻、皮实、对技术饱含热情的小伙伴组成的,目前共有 100 多名前端工程师,分布在业务中台、电商、零售、美业、资产、有赞云、赋能平台、增长中心等业务线。
我们热爱分享和开源,崇尚用工程师的方式解决问题,因此造了很多工具来解决我们遇到的问题,目前我们维护的开源产品有:
我们正在寻找更多优秀的小伙伴,一起拓展前端技术的边界,期待你的加入!
本项目基于 MIT协议,请自由地享受和参与开源。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。