微信小程序_基礎(chǔ)組件大全

發(fā)布時間：2020-06-02 19:37:47 來源：網(wǎng)絡(luò) 閱讀：482 作者：百度小程序欄目：移動開發(fā)

微信小程序為小程序開發(fā)者提供了一系列小程序基礎(chǔ)組件，開發(fā)者可以通過組合這些小程序基礎(chǔ)組件進行微信小程序的快速開發(fā)。

微信小程序組件是什么？微信小程序組件怎么用？

類型	描述	注解
Boolean	布爾值	組件寫上該屬性，不管該屬性等于什么，其值都為`true`，只有組件上沒有寫該屬性時，屬性值才為`false`。如果屬性值為變量，變量的值會被轉(zhuǎn)換為Boolean類型
Number	數(shù)字	`1`, `2.5`
String	字符串	`"string"`
Array	數(shù)組	`[ 1, "string" ]`
Object	對象	`{ key: value }`
EventHandler	事件處理函數(shù)名	`"handlerName"`是Page中定義的事件處理函數(shù)名
Any	任意屬性

所有組件都有的屬性：

屬性名	類型	描述	注解
id	String	組件的唯一標(biāo)示	保持整個頁面唯一
class	String	組件的樣式類	在對應(yīng)的wxss中定義的樣式類
style	String	組件的內(nèi)聯(lián)樣式	可以動態(tài)設(shè)置的內(nèi)聯(lián)樣式
hidden	Boolean	組件是否顯示	所有組件默認(rèn)顯示
data-*	Any	自定義屬性	組件上觸發(fā)的事件時，會發(fā)送給事件處理函數(shù)
bind* / catch*	EventHandler	組件的事件	詳見事件

幾乎所有組件都有各自定義的屬性，可以對該組件的功能或樣式進行修飾，請參考各個組件的定義。

微信小程序基礎(chǔ)組件分為以下八大類：

小程序視圖容器(View Container)：

小程序基礎(chǔ)內(nèi)容(Basic Content)：

小程序表單(Form)：

小程序?qū)Ш?Navigation)：

組件名	說明
navigator	應(yīng)用內(nèi)跳轉(zhuǎn)

小程序多媒體(Media)：

小程序地圖(Map)：

組件名	說明
map	地圖

小程序畫布(Canvas)：

組件名	說明
canvas	畫布

小程序客服會話：

組件名	說明
contact-button	進入客服會話按鈕

向AI問一下細節(jié)

猜你喜歡