微信小程序引入vant-weapp组件教程
发布时间
阅读量：
阅读量
本章教程将指导用户在微信小程序中使用vant-weapp。
vant-weapp文档：https://vant-ui.github.io/vant-weapp/#/button。
一、新建一个小程序
二、npm初始化
npm init
三、安装 Vant Weapp‘
npm i @vant/weapp -S --production
四、修改配置
在project.config.json文件中加入以下配置
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./demotest/"
}
]在app.json或index.json中引入组件
"usingComponents": {
"van-button": "@vant/weapp/button/index"
}在index.wxml中引入实例代码
<van-button type="default">默认按钮</van-button>
<van-button type="primary">主要按钮</van-button>
<van-button type="info">信息按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>最后构建npm，即可完成。
全部评论 (0)
还没有任何评论哟~