uniapp开发微信小程序引入vantui

203 阅读1分钟

前言

在使用uniapp的时候需要用到vant组件,在网上看到了很多的使用vant组件的方法,但是讲解的都无法使用,要不就是看不懂很繁琐,现在记录一下

第一步 创建wxcomponents文件夹

如果是用HBuilder X 创建的项目 直接在根目录创建文件夹

如果是脚手架创建的就在src下创建文件夹

第二步 github上下载vant-weapp

vant-weapp包下载

第三步 引入

下载完之后解压出来找到dist文件夹将他托出来放到wxcomponents文件夹下并改名@vant

然后在pages.json 文件globalStyle配置相中写

"usingComponents": { 
"van-button": "/wxcomponents/@vant/weapp/button/index" 
}

其他根据官网只需要在前面加上/wxcomponents 就ok了

vantWeapp官网