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