微信小程式 常用元件

2022-06-22 11:27:09 字數 1092 閱讀 3711

官方元件文件:

1.檢視容器 view

類似於web中的div,不過他有一些內建的屬性

-class="box">

}

當手指按下去時,這個容器會有box這個樣式類的效果

類似於web中的span,他是個行內標籤。擁有一些內建的屬性

>

selectable>}>

>

>

>}>

>

space:設定空格的大小,他有3個值:

ensp:空格大小=中文字元大小的一半

emsp:空格大小=中文字元的大小

nbsp:正常顯示,就相當於標籤,不會將多個空格當乙個空格顯示

>

decode>空   

>

>

>空三個格

>

>

space="ensp">空 白(中間6個空格)>

>

>

space="emsp">空 白(中間3個空格)>

>

>

space="nbsp">空 白(中間3個空格)>

覆蓋在原生元件之上的文字檢視。

5、cover-image

覆蓋在原生元件之上的檢視。可覆蓋的原生元件同cover-view,支援巢狀在cover-view裡。

6、scroll-view

可滾動檢視區域。使用豎向滾動時,需要給scroll-view乙個固定高度,通過 wxss 設定 height。

微信小程式元件

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

微信小程式 元件

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

微信小程式 3 常用的元件

view是小程式中的檢視容器之一,似於html中的標籤 view class section view class section title flex direction row view view class flex wrp style flex direction row view clas...