uniapp使用Vant-weapp的最新方法教程
更新時間：2023年04月24日 09:01:48 作者：shmilynn_
Vant?Weapp是有贊前端團隊開源的一套小程序UI組件庫,助力開發(fā)者快速搭建小程序應(yīng)用,下面這篇文章主要給大家介紹了關(guān)于uniapp使用Vant-weapp的最新方法教程,文中通過圖文介紹的非常詳細,需要的朋友可以參考下
1.先正常創(chuàng)建一個uniapp項目
2.從github下載vant包，zip格式的
vant組件包:https://github.com/youzan/vant-weapp/releases
3.項目根目錄下新建wxcomponents/@vant 兩個文件夾
4.把下載好的壓縮包解壓， 把dist放在剛才創(chuàng)建好的@vant文件下，并重命名為weapp
5.App.vue中引入vant的樣式
6.在pages.json文件下的 "globalStyle" 下的 "usingComponents" 中按需引入
因為vant-weapp的按需引入路徑皆為"@vant/weapp/button/index"這種格式
所以我們只需要在路徑前面去手動添加
/wxcomponents/ 這個路徑就可以正常使用了
7.頁面中使用，如果沒有樣式從uniapp重啟微信小程序
總結(jié)
到此這篇關(guān)于uniapp使用Vant-weapp的文章就介紹到這了,更多相關(guān)uniapp使用Vant-weapp內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
本文主要講解了DOM事件中Event對象的常用屬性和方法，同時也介紹了其在IE中的兼容性問題及解決方案。希望對大家有所幫助2016-12-12
JavaScript檢測彈出窗口是否已經(jīng)關(guān)閉的方法
這篇文章主要介紹了JavaScript檢測彈出窗口是否已經(jīng)關(guān)閉的方法,涉及javascript中window屬性的closed屬性的使用技巧,需要的朋友可以參考下2015-03-03
這篇文章主要對JavaScript中的WeakMap進行深入探究，包括它的原理、用法和注意事項等，文中的示例代碼簡潔易懂，需要的小伙伴可以參考一下2023-05-05
這篇文章主要介紹了Javascript實現(xiàn)div層漸隱效果的方法,涉及javascript操作頁面元素與樣式變化的相關(guān)技巧,需要的朋友可以參考下2015-05-05
本文主要介紹了uniapp中的picker選擇器的幾種使用場景，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05
JavaScript實現(xiàn)手機號碼 3-4-4格式并控制新增和刪除時光標的位置
這篇文章主要介紹了JavaScript實現(xiàn)手機號碼 3-4-4格式并控制新增和刪除時光標的位置，本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-06
bootstrap學(xué)習(xí)使用（導(dǎo)航條、下拉菜單、輪播、柵格布局等）
這篇文章主要為大家詳細介紹了bootstrap框架、導(dǎo)航條、下拉菜單、輪播廣告carousel、柵格系統(tǒng)布局、標簽頁tabs等相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
重學(xué) JS：為啥 await 不能用在 forEach 中詳解
這篇文章主要介紹了重學(xué) JS：為啥 await 不能用在 forEach 中，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
JavaScript實現(xiàn)為指定對象添加多個事件處理程序的方法
這篇文章主要介紹了JavaScript實現(xiàn)為指定對象添加多個事件處理程序的方法,可實現(xiàn)讓指定對象處理多個事件的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了JS提交form表單的方法,結(jié)合實例形式簡單分析了頁面加載時提交表單及通過鏈接提交表單的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12