uniapp使用Vant-weapp的最新方法教程
1.先正常創(chuàng)建一個(gè)uniapp項(xiàng)目
2.從github下載vant包,zip格式的
vant組件包:https://github.com/youzan/vant-weapp/releases
3.項(xiàng)目根目錄下新建wxcomponents/@vant 兩個(gè)文件夾
4.把下載好的壓縮包解壓, 把dist放在剛才創(chuàng)建好的@vant文件下,并重命名為weapp
5.App.vue中引入vant的樣式
6.在pages.json文件下的 "globalStyle" 下的 "usingComponents" 中按需引入
因?yàn)関ant-weapp的按需引入路徑皆為"@vant/weapp/button/index"這種格式
所以我們只需要在路徑前面去手動(dòng)添加
/wxcomponents/ 這個(gè)路徑就可以正常使用了
7.頁(yè)面中使用,如果沒(méi)有樣式從uniapp重啟微信小程序
總結(jié)
到此這篇關(guān)于uniapp使用Vant-weapp的文章就介紹到這了,更多相關(guān)uniapp使用Vant-weapp內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript檢測(cè)彈出窗口是否已經(jīng)關(guān)閉的方法
這篇文章主要介紹了JavaScript檢測(cè)彈出窗口是否已經(jīng)關(guān)閉的方法,涉及javascript中window屬性的closed屬性的使用技巧,需要的朋友可以參考下2015-03-03Javascript實(shí)現(xiàn)div層漸隱效果的方法
這篇文章主要介紹了Javascript實(shí)現(xiàn)div層漸隱效果的方法,涉及javascript操作頁(yè)面元素與樣式變化的相關(guān)技巧,需要的朋友可以參考下2015-05-05uniapp中的picker選擇器的幾種使用場(chǎng)景
本文主要介紹了uniapp中的picker選擇器的幾種使用場(chǎng)景,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05JavaScript實(shí)現(xiàn)手機(jī)號(hào)碼 3-4-4格式并控制新增和刪除時(shí)光標(biāo)的位置
這篇文章主要介紹了JavaScript實(shí)現(xiàn)手機(jī)號(hào)碼 3-4-4格式并控制新增和刪除時(shí)光標(biāo)的位置,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-06bootstrap學(xué)習(xí)使用(導(dǎo)航條、下拉菜單、輪播、柵格布局等)
這篇文章主要為大家詳細(xì)介紹了bootstrap框架、導(dǎo)航條、下拉菜單、輪播廣告carousel、柵格系統(tǒng)布局、標(biāo)簽頁(yè)tabs等相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12重學(xué) JS:為啥 await 不能用在 forEach 中詳解
這篇文章主要介紹了重學(xué) JS:為啥 await 不能用在 forEach 中,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04JavaScript實(shí)現(xiàn)為指定對(duì)象添加多個(gè)事件處理程序的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)為指定對(duì)象添加多個(gè)事件處理程序的方法,可實(shí)現(xiàn)讓指定對(duì)象處理多個(gè)事件的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04