微信小程序引入WeUI組件庫

首先得確認自己電腦安裝了node.js，如果沒有安裝自行百度
在文件夾里面輸入命令，一致確認下去就好
npm init
這時候就能看到package.json文件
image.png
開始安裝Weui組件庫
npm install --save weui-miniprogram --production
點擊小程序開發(fā)工具的工具--構(gòu)建npm，構(gòu)架完成后如下圖
image.png
點擊小程序開發(fā)工具右上角詳情--本地設置，勾選上使用npm模塊，這里有個坑需要注意一下，記得把基準庫選擇最新的。
image.png
在小程序app.wxss中引入樣式文件（按照自己的路徑引入）
@import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';
在需要頁面的json文件引入需要的組件
"usingComponents": {
    "mp-searchbar": "/miniprogram_npm/weui-miniprogram/searchbar/searchbar"
  }
在對應的wxml頁面就可以使用了
    <mp-searchbar bindselectresult="selectResult" search="{{search}}"></mp-searchbar>
效果圖如下
image.png
最后編輯于 ：
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容