uniapp小程序引入组件库vant


一、在项目下新建文件夹(wxcomponents->vant->dist)

注意:文件夹名称可以自由改动,但是dist内容不可随意篡改

 

 

 二、替换文件夹内容

前往https://github.com/youzan/vant-weapp克隆项目到本地任意地方

 

 

将该项目的dist文件夹替换步骤1的dist文件夹

 

三、App.vue的style中引入样式

@import “/wxcomponents/vant/dist/common/index.wxss”;

 

四、使用示例:在pages.json中引入相应的组件 (下面以要使用button组为例)

 

 1.打开vant开发文档https://youzan.github.io/vant-weapp/#/button,找到对应的组件及引用路径

 

 

 

 

 2.在对应的页面或者全局引用组件

 

 

 注意:引用的路径要改成自己设立的路径(步骤一)

 步骤一设立的是(wxcomponents->vant->dist)因此要改成 "/wxcomponents/vant/dist/xxx组件/index"


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM