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