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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
position 属性规定元素的定位类型,这个属性定义建立元素布局所用的定位机制,本文给大家介绍通过设置CSS中的position属性来固定层的位置，感兴趣的朋友一起学习吧2015-12-12
一直对Js的作用域有点迷糊，今天偶然读到Javascript权威指南，立马被吸引住了，写的真不错。我看的是第六版本，相当的厚，大概1000多页，Js博大精深，要熟悉精通需要大毅力大功夫。谢谢心得吧2014-11-11
网上找了好一轮，找到个比较像样而且足够短的 hashCode 实现，是从 Java 的 hashCode 中借鉴而得的。原理见 Java hashCode() ，也可以跟这里的 Java String 的源码 参照对比一下2020-08-08
今天在编码时，遇到一个问题，特记录下。希望对朋友有所帮助。2010-12-12
这篇文章主要给大家介绍了关于js中Generator函数的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Javascript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-04-04
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦，对于多浏览器的兼容性，需要注意。2009-08-08
这篇文章主要介绍了chatGPT教我写compose函数,文中给大家介绍了chatGPT过程概略，本文结合实例代码图文给大家讲解的非常详细，需要的朋友可以参考下2023-02-02
javascript实现根据函数名称字符串动态执行函数的方法示例
这篇文章主要介绍了javascript实现根据函数名称字符串动态执行函数的方法,结合实例形式分析了JS函数名的判断及函数动态调用相关操作技巧,需要的朋友可以参考下2016-12-12
Javascript也是面向对象的语言，但它是一种基于原型Prototype的语言，而不是基于类的语言。接下来通过本文给大家介绍Javascript中的Prototype到底是啥的相关知识，感兴趣的朋友参考下2016-02-02
这篇文章主要为大家详细介绍了js钢琴按钮波浪式图片排列效果，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
最新评论