小程式WeUI的引入方式使用

2021-10-25 08:22:45 字數 1158 閱讀 1694

一.useextendedlib引入

優點:1.引入簡單

2.不占用包體積

缺點:1.自由化低,不能直接修改元件庫,增加功能

2.不穩定,不同版本weui相同元件暴露的方法都會有較大差異,會發現突然有些功能不好使。(暫未發現指定版本配置,猜測是動態獲取最新的)

3.不支援分包使用

"useextendedlib"

:

2.在page頁面的使用,對應page頁面的json頁面新增引用,注意元件引用路徑

"usingcomponents"

:}

二.通過npm引入

優點:1.穩定性良好(版本固定)

2.自由化程度高,可以自由改造或者增減元件的持有

3.分包依舊可以使用

缺點:1.占用包體積

2.元件樣式需要全域性引用

npm init
然後按照提示完成初始化

npm i weui-miniprogram -

s--production

3.通過編譯器構建npm模組

4.編譯本地設定勾選npm模組

;6.元件引用

}

//wxml

"test" show=

"}" bindbuttontap=

"tapdialogbutton" buttons=

", ]}}"

>

test content<

/view>

<

/mp-dialog

PHP使用weui,微信小程式WeUI引入

引入元件 通過 useextendedlib 擴充套件庫 的方式引入 1.報錯component is not found in path miniprogram npm weui miniprogram dialog dialog 2.報錯 usingcomponents mp dialog 未找...

微信小程式 引入WeUI元件庫(一)

步驟一 初始化 在小程式專案根目錄執行init npm init y 步驟二 在小程式專案目錄中執行命令安裝 npm 包 npm install weui miniprogram production production 目的在於可以減少安裝一些業務無關的 npm 包,從而減少整個小程式包的大小 ...

微信小程式weui的使用

小程式weui官網 進入github 解壓後進入資料夾,圖示路徑下的weui.wxss就是我們所需要的weui庫 2.引入weui 3.使用weui wxss檔案,還有乙個很重要的資料夾,那就是example檔案 上有小程式weui的樣式展示,當然我們也可以直接進weui的小程式手機上檢視weui的...