微信小程序引入VANT組件的方法步驟
1.右鍵項目名稱->在終端中打開
2.在終端輸入 npm init
用來初始化,然后一直回車默認就Ok。
之后項目中會出現(xiàn) project.config.json
內(nèi)容為當前項目的配置信息以及依賴包的管理。
3.安裝vant依賴包(在終端輸入)
npm i vant-weapp -S --production
4.進入小程序開發(fā)工具,選擇左上角 工具->構(gòu)建npm
完成之后項目里會多出依賴包
5.點擊右上角詳情并勾選使用npm模塊。
6.選擇要在哪個pages里使用該組件
這里以pages下的movie舉例,寫一個簡單的按鈕。
如圖 在對應的json文件中引入vant的button
7.在對應wxml文件,寫如下代碼:
<van-button type="default">默認按鈕</van-button> <van-button type="danger">主要按鈕</van-button>
效果圖如下:
注意:若樣式?jīng)]出來,重復步驟4。
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JS Array.slice 截取數(shù)組的實現(xiàn)方法
這篇文章主要介紹了JS Array.slice 截取數(shù)組的實現(xiàn)方法,因為我們需要控制一下長度,需要的朋友可以參考下2016-01-01JavaScrip實現(xiàn)一個有時間限制的緩存類的方式
本文將探索 JavaScript 中一種基于自動過期機制的時間限制緩存實現(xiàn)方式,提高數(shù)據(jù)緩存策略的靈活性和效率,文中通過代碼示例給大家介紹的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下2024-01-01js字符串截取函數(shù)substr substring slice使用對比
字符串截取函數(shù)有substr、substring以及slice等等,下面將為大家介紹下各自的使用,感興趣的朋友可以了解下2013-11-11javascript獲得服務器端控件的ID的實現(xiàn)代碼
javascript獲得服務器端控件的ID的實現(xiàn)代碼,需要的朋友可以參考下。2011-12-12JavaScript筆記之數(shù)據(jù)屬性和存儲器屬性
本文給大家介紹js數(shù)據(jù)屬性和存儲器屬性,及兩種屬性的區(qū)別,對js數(shù)據(jù)屬性存儲器屬性相關(guān)知識感興趣的朋友一起學習2016-03-03BootStrap Progressbar 實現(xiàn)大文件上傳的進度條的實例代碼
這篇文章主要介紹了BootStrap Progressbar 實現(xiàn)大文件上傳的進度條的實例代碼的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-06-06