mpvue小程式開發之 整合第三方UI框架Vant Weapp UI

摘要： 整合進第三方的UI框架其實很簡單 這裡把vant-weapp的dist目錄重新命名為vant-weapp放在專案根目錄的static資料夾下： 在src資料夾下，即我們寫vue程式碼的位置，正在編寫的頁面中新增main.json檔案（vue程式碼編譯成小程式程式碼時會直接使用...

整合進第三方的UI框架其實很簡單

這裡把vant-weapp的dist目錄重新命名為vant-weapp放在專案根目錄的static資料夾下：

在src資料夾下，即我們寫vue程式碼的位置，正在編寫的頁面中新增main.json檔案（vue程式碼編譯成小程式程式碼時會直接使用這個檔案）

{
"usingComponents": {
"van-button": "/static/vant-weapp/button/index"
//這個路徑是指根目錄下static檔案中...
}
}

在index.vue中使用

<van-button type="default">測試按鈕</van-button>
 <van-button type="primary">測試主要按鈕</van-button>
 <van-button type="warning">測試警告按鈕</van-button>
 <van-button type="danger">測試危險按鈕</van-button>