位置: IT常识 - 正文

uniapp使用Vant-weapp(最新)(uniapp使用px还是rpx)

编辑:rootadmin
uniapp使用Vant-weapp(最新)

目录

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文件下,并重命名为weappuniapp使用Vant-weapp(最新)(uniapp使用px还是rpx)

5.App.vue中引入vant的样式 

6.在pages.json文件下的 "globalStyle" 下的 "usingComponents" 中按需引入

因为vant-weapp的按需引入路径皆为"@vant/weapp/button/index"这种格式

所以我们只需要在路径前面去手动添加

/wxcomponents/       这个路径就可以正常使用了

7.页面中使用,如果没有样式从uniapp重启微信小程序

本文链接地址:https://www.jiuchutong.com/zhishi/288797.html 转载请保留说明!

上一篇:经常便秘怎么办?(老年人经常便秘怎么办)

下一篇:YOLOV5网络结构设计的思考(yolov1网络结构图详解)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络