建站
咨詢
售后
建站咨詢
新聞中心
快速上手
使用之前
擴展組件庫基于小程序自定義組件構(gòu)建，在使用擴展組件庫之前，建議先閱讀熟悉小程序自定義組件。
成都創(chuàng)新互聯(lián)公司專注于資源網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供資源營銷型網(wǎng)站建設(shè)，資源網(wǎng)站制作、資源網(wǎng)頁設(shè)計、資源網(wǎng)站官網(wǎng)定制、成都微信小程序服務(wù)，打造資源網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供資源網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
引入組件
- 通過 useExtendedLib 擴展庫 的方式引入，這種方式引入的組件將不會計入代碼包大小。
- 可以通過npm方式下載構(gòu)建，npm包名為weui-miniprogram
如何使用
首先要在 app.wxss 里面引入 weui.wxss，如果是通過 npm 引入，需要先構(gòu)建 npm（“工具”菜單 --> “構(gòu)建 npm”）
通過 useExtendedLib 擴展庫 的方式引入，可省略 import 步驟
@import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';
然后可以在頁面中引入 dialog 彈窗組件
- 首先在頁面的 json 文件加入 usingComponents 配置字段
{
"usingComponents": {
"mp-dialog": "/miniprogram_npm/weui-miniprogram/dialog/dialog"
}
}
- 然后可以在對應(yīng)頁面的 wxml 中直接使用該組件
test content
完整的組件的使用文檔請參考具體的組件的文檔。
修改組件內(nèi)部樣式
每個組件可以設(shè)置ext-class這個屬性，該屬性提供設(shè)置在組件WXML頂部元素的class，組件的addGlobalClass的options都設(shè)置為true，所以可以在頁面設(shè)置wxss樣式來覆蓋組件的內(nèi)部樣式。需要注意的是，如果要覆蓋組件內(nèi)部樣式，必須wxss的樣式選擇器的優(yōu)先級比組件內(nèi)部樣式優(yōu)先級高。 addGlobalClass在基礎(chǔ)庫2.2.3開始支持。
適配 DarkMode
在根結(jié)點（或組件的外層結(jié)點）增加屬性 data-weui-theme="dark"，即可把 WeUI 組件切換到 DarkMode 的表現(xiàn)，如:
...
也可以參考庫中提供的 Demo。
當(dāng)前文章：創(chuàng)新互聯(lián)小程序教程：微信小程序WeUI·快速上手
文章來源：http://www.5511xx.com/article/cccjogo.html
