当前位置:首页 » 《随便一记》 » 正文

uniapp使用Vant-weapp(最新)

28 人参与  2023年04月28日 08:09  分类 : 《随便一记》  评论

点击全文阅读


目录

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格式的

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重启微信小程序


点击全文阅读


本文链接:http://zhangshiyu.com/post/60097.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1