位置: IT常识 - 正文
uniapp使用Vant-weapp（最新）(uniapp使用px还是rpx)
发布时间：2024-01-07uniapp使用Vant-weapp（最新）
1.先正常创建一个uniapp项目2.从github下载vant包，zip格式的
5.App.vue中引入vant的样式 6.在pages.json文件下的 "globalStyle" 下的 "usingComponents" 中按需引入
本文链接地址:https://www.jiuchutong.com/zhishi/288797.html
转载请保留说明！
目录
1.先正常创建一个uniapp项目
2.从github下载vant包，zip格式的
3.项目根目录下新建wxcomponents/@vant 两个文件夹
4.把下载好的压缩包解压，
放在刚才创建好的@vant文件下，并重命名为weapp
5.App.vue中引入vant的样式
6.在pages.json文件下的 "globalStyle" 下的
"usingComponents" 中按需引入
7.页面中使用，如果没有样式从uniapp重启微信小程序
总结：
1.先正常创建一个uniapp项目2.从github下载vant包，zip格式的
推荐整理分享uniapp使用Vant-weapp（最新）(uniapp使用px还是rpx)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:uni-app vant,Uniapp使用微信小程序授权,uniapp使用教程,Uniapp使用svg动画,Uniapp使用svg动画,Uniapp使用阿里云播放器,Uniapp使用微信小程序授权,Uniapp使用微信小程序授权,内容如对您有帮助，希望把文章链接给更多的朋友！
vant组件包https://github.com/youzan/vant-weapp/releases
3.项目根目录下新建wxcomponents/@vant 两个文件夹 4.把下载好的压缩包解压，把dist放在刚才创建好的@vant文件下，并重命名为weapp5.App.vue中引入vant的样式 6.在pages.json文件下的 "globalStyle" 下的 "usingComponents" 中按需引入因为vant-weapp的按需引入路径皆为"@vant/weapp/button/index"这种格式
所以我们只需要在路径前面去手动添加
/wxcomponents/ 这个路径就可以正常使用了
7.页面中使用，如果没有样式从uniapp重启微信小程序下一篇：YOLOV5网络结构设计的思考(yolov1网络结构图详解)
