uniapp使用Vant-weapp的最新方法教程
短信预约 -IT技能 免费直播动态提醒
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内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341