uniapp使用Vant-weapp的最新方法教程
更新时间：2023年04月24日 09:01:48 作者：shmilynn_
Vant Weapp是有赞前端团队开源的一套小程序UI组件库,助力开发者快速搭建小程序应用,下面这篇文章主要给大家介绍了关于uniapp使用Vant-weapp的最新方法教程,文中通过图文介绍的非常详细,需要的朋友可以参考下
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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家详细介绍了JavaScript实现网页tab栏效果制作，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
这篇文章主要介绍了js创建对象的几种方法及继承，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
filter是new一个新的array，这篇文章主要介绍了javascipt filter过滤介绍及使用,需要的朋友可以参考下2014-09-09
本文主要介绍了canvas实现时钟效果的代码。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
JS中如何删除某个父元素下的所有子元素？这里我介绍几种方法,结合实例代码给大家介绍的非常详细，需要的朋友可以参考下2022-09-09
javascript实现uploadify上传格式以及个数限制
这篇文章主要介绍了javascript如何限制uploadify上传格式以及个数的实现方法，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要为大家详细介绍了js实现自定义右键菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
一个项目，需要对数据进行排序输出，要求有行号，依次递增1.2.3.4.5，使用前端动态生成的tr2014-08-08
JMenuTab简单使用说明参数2008-03-03
这篇文章主要介绍了javasctipt如何显示几分钟前、几天前等,需要的朋友可以参考下2014-04-04
最新评论