1.先正常创建一个uniapp项目
2.从github下载vant包,zip格式的
vant组件包:https://github.com/youzan/vant-weapp/releases
3.项目根目录下新建wxcomponents/@vant 两个文件夹
4.把下载好的压缩包解压, 把dist放在刚才创建好的@vant文件下,并重命名为weapp
5.App.vue中引入vant的样式
6.在pages.json文件下的 "globalStyle" 下的 "usingComponents" 中按需引入
因为vant-weapp的按需引入路径皆为"@vant/weapp/button/index"这种格式
所以我们只需要在路径前面去手动添加
/wxcomponents/ 这个路径就可以正常使用了
7.页面中使用,如果没有样式从uniapp重启微信小程序
总结
到此这篇关于uniapp使用Vant-weapp的文章就介绍到这了,更多相关uniapp使用Vant-weapp内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
您可能感兴趣的文章:uniapp u-picker多列用法以及设置默认选中值uniapp小程序自定义tabbar以及初次加载闪屏解决方法uniapp使用第三方UI库uview-plus的方法uniapp实现下拉刷新与上拉触底加载功能的示例代码uniapp自定义tabbar的方法(支持中间凸起、角标、动态隐藏tab和全端适用)如何在uniapp中获取可视区域的高度(uni.getSystemInfo)uniapp @click事件冒泡问题解决示例