微信小程序引入vant Weapp组件
一.打开小程序项目,选中miniprogram,右键在“终端打开”
输入命令:npm init(记得以管理员身份运行开发工具),然后一直回车,直至在miniprogram文件夹下,生成package.json文件。
二.打开官网,https://youzan.github.io/vant-weapp/#/intro
通过npm安装,执行以下命令
1:npm install --production
2: npm i @vant/weapp -S --production
三.构建 npm 包
打开微信开发者工具,点击 工具 -> 构建 npm,并点击详情,勾选 使用 npm 模块 选项,构建完成后,即可引入组件
四:引入组件
在子页面中的.json文件。
将 "van-button": "path/to/@vant/weapp/dist/button/index"
改为:"van-button": "@vant/weapp/button"
在wxml文件中,加入:
van-button type="danger">危险按钮</van-button>