微信小程式簡單使用拓展元件庫方法

2021-10-23 19:54:53 字數 1091 閱讀 7460

"useextendedlib"

:

好處:在使用時可省略 import 步驟(相對於npm構建來說)

使用:​ 先在所要引用的頁面的json檔案中新增對應元件名稱(不需要在wxss中匯入)

例:

}

​ 然後在wxml中像基礎元件一樣使用即可。

例:

>

link

value

="我的喜歡"

>

slot

="icon"

src="}"

style

="margin-right

: 16px;

vertical-align

: middle;

width

:20px;

height

: 20px;

">

image

>

mp-cell

>

link

url=

"../collection/collection"

value

="我的收藏"

footer

="說明文字"

>

slot

="icon"

src="/miniprogram/images/about.png"

style

="margin-right

: 16px;

vertical-align

: middle;

width

:50rpx;

height

: 50rpx;

">

image

>

mp-cell

>

mp-cells

>

補充(qaq):如果要使用weui的拓展元件只能使用npm構建的方式(因為這兩種方式是衝突的)。

微信小程式元件

class屬性 可以設定樣式,如果與動態資料繫結結合,元件的class具有動態變化的能力 style 通過style設定元件的內聯樣式,style屬性值中可以設定css的各種屬性 hidden 預設為false,不隱藏 data 屬性 可以用來為元件設定任意的自定義的屬性值,當元件繫結的事件觸發時,...

微信小程式 元件

官方文件見 我們的封裝 var basecomponentoption require utils basecomponentoption var option basecomponentoption.init 最小值限制 min 最大值 max 當前值 value 傳參物件,和 官方文件一致,只是...

微信小程式 抽象元件使用示例

1.配置頁面路徑 2.宣告抽象元件 abstractcom 3.宣告抽象元件會用到的實例子元件,動態元件com1 pages com1 com1.json 4.宣告抽象元件會用到的實例子元件,動態元件com2 pages com2 com2.json 5.宣告使用抽象元件的主頁面 pages ind...