uniapp使用其他ui框架方法--Vant Weapp框架


uniapp微信小程序使用Vant Weappui框架方法

1. 在根目录下创建wxcomponents,wxcomponents下建文件夹vant

2.项目引入

1.https://github.com/youzan/vant-weapp下载最新的zip压缩包
2.解压,将里面的dist文件放到vant里面

 

 

 

 

 

3.在App.vue中引入UI样式

 

 


@import "/wxcomponents/vant/dist/common/index.wxss";

 

4.在pages里面定义引入的组件

       

 

 

    

"usingComponents":{

  "van-button": "/wxcomponents/vant/dist/button/index"

}

5.在组件中使用

https://youzan.github.io/vant-weapp/#/button和官网的使用方法一样。

如果报错找不到文件位置,关闭hbuider和微信小程序重启一下

 


免责声明!

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



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