微信小程序接入vant Weapp組件的詳細步驟
剛創(chuàng)建的項目的文件結(jié)構(gòu)
首先在你項目的根目錄下打開終端,輸入npm init
對項目初始化
這時會生成pachage.json文件。
繼續(xù)在終端運行以下命令
我這里用這個:
npm i vant-weapp -S --production
運行完如圖所示:
安裝成功后 回到小程序開發(fā)工具 點擊 工具 => 構(gòu)建npm
運行完截圖:
完成后在編輯器右邊的詳情把紅框內(nèi)的打勾上
使用組件
在你想使用組件庫的的json文件內(nèi)引入組件。比如你想在fundIncome頁面內(nèi)使用button組件。
效果:
上面的代碼就參照vant的官網(wǎng)文檔了。
到此這篇關(guān)于微信小程序接入vant Weapp組件的詳細步驟的文章就介紹到這了,更多相關(guān)小程序vant Weapp組件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
cnblogs 代碼高亮顯示后的代碼復(fù)制問題解決實現(xiàn)代碼
cnblogs是比較有名的技術(shù)博客基地,很多技術(shù)達人都在里面發(fā)布技術(shù)文章, 不過由于代碼不利于復(fù)制,因為頁面里面有pre標簽等問題2011-12-12JavaScript中檢查對象property的存在性方法介紹
這篇文章主要介紹了JavaScript中檢查對象property的存在性方法介紹,本文講解了4種方法來檢查某個對象o是否擁有property x,需要的朋友可以參考下2014-12-12手機圖片預(yù)覽插件photoswipe.js使用總結(jié)
這篇文章主要為大家詳細總結(jié)了手機圖片預(yù)覽插件photoswipe.js使用方法,感興趣的小伙伴們可以參考一下2016-08-08javascript中的 object 和 function小結(jié)
JavaScript的面向?qū)ο笫腔谠蔚?,所有對象都有一條屬于自己的原型鏈。Object與Function可能很多看Object instanceof Function , Function instanceof Object都為true而迷惑,所以首先看下對象的實例。2016-08-08