小程式之基礎元件

2022-01-22 04:04:17 字數 2236 閱讀 5629

小程式提供了常用的標籤元件用於構建頁面

官網元件鏈結

類似 div

屬性名

型別預設值

說明hover-class

string

none

指定按下去的樣式類。當hover-class="none"時,沒有點選態效果

點選我試試

.h-class

顯示普通的文字 text只能巢狀text

屬性名

型別預設值

說明selectable

boolean

false

文字是否可選

decode

boolean

false

是否解碼

普 通

標籤,image元件預設寬度320px、高度240px

屬性名型別

預設值說明

srcstring

mode

string

'scaletofill'

裁剪、縮放的模式

lazy-load

boolean

false

懶載入。只針對page與scroll-view下的image有效

mode 有效值:

mode 有 13 種模式,其中 4 種是縮放模式,9 種是裁剪模式。模式值

說明縮放

scaletofill

不保持縱橫比縮放,使的寬高完全拉伸至填滿 image 元素

縮放aspectfit

保持縱橫比縮放,使的長邊能完全顯示出來。

縮放aspectfill

保持縱橫比縮放,只保證的短邊能完全顯示出來。

縮放widthfix

寬度不變,高度自動變化,保持原圖寬高比不變

裁剪top

不縮放,只顯示的頂部區域

裁剪bottom

不縮放,只顯示的底部區域

裁剪center

不縮放,只顯示的中間區域

裁剪left

不縮放,只顯示的左邊區域

裁剪right

不縮放,只顯示的右邊區域

裁剪top left

不縮放,只顯示的左上邊區域

裁剪top right

不縮放,只顯示的右上邊區域

裁剪bottom left

不縮放,只顯示的左下邊區域

裁剪bottom right

不縮放,只顯示的右下邊區域

預設寬度 100% 高度 150px

屬性名型別

預設值說明

indicator-dots

boolean

false

是否顯示面板指示點

indicator-color

color

rgba(0, 0, 0, .3)

指示點顏色

indicator-active-color

color

#000000

當前選中的指示點顏色

autoplay

boolean

false

是否自動切換

interval

number

5000

自動切換時間間隔

circular

boolean

false

是否採用銜接滑動

滑塊檢視容器。

滑塊

預設寬度和高度都是100%

屬性名型別

預設值說明

srcstring

duration

number

controls

boolean

true

autoplay

boolean

false

loop

boolean

false

muted

boolean

false

小程式 自定義元件 屬性值 微信小程式 基礎元件

框架為開發者提供了一系列基礎元件,開發者可以通過組合這些基礎元件進行快速開發。詳細介紹請參考元件文件。什麼是元件 content goes here tagname 注意 所有元件與屬性都是小寫,以連字元 連線 型別描述 註解boolean 布林值元件寫上該屬性,不管是什麼值都被當作true 只有元...

小程式開發之元件audio(音訊)

音訊。注意 1.6.0 版本開始,該元件不再維護。建議使用能力更強的 wx.createinneraudiocontext 介面 例如 效果展示 index.wxml audio音訊 進度暫停 index.wxss audio title audio slider button index.js p...

小程式開發之 表單元件(picker)

參考 picker onshow function onhide function globaldata style v2 sitemaplocation sitemap.json picker.js page index 0,multiarray 無脊柱動物 脊柱動物 扁性動物 線形動物 環節動物...