框架為開(kāi)發(fā)者提供了一系列組件,開(kāi)發(fā)者可以通過(guò)組合這些基礎(chǔ)的組件進(jìn)行快速開(kāi)發(fā)。

1.組件是視圖層的基本組成單元.

????????????????(頁(yè)面)頁(yè)面是由組件組成的

2.共同屬性:

所有組件都有的屬性:

屬性名? ? ? ? ?類型 ???????????????????描述?????????????????????????????????????????????注解

id? ? ? ? ? ? ? ? String? ? ? ? ? ? ? ? ? 組件的唯一標(biāo)示????????????????????????????保持整個(gè)頁(yè)面唯一

class? ? ? ? ? String? ? ? ? ? ? ? ? ? ?組件的樣式類? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?在對(duì)應(yīng)的 WXSS 中定義的樣式類

style? ? ? ? ? ?String? ? ? ? ? ? ? ? ? ?組件的內(nèi)聯(lián)樣式? ? ? ? ? ? ? ? ? ? ? ? ? ?可以動(dòng)態(tài)設(shè)置的內(nèi)聯(lián)樣式

hidden????????Boolean? ? ? ? ? ? ? ?組件是否顯示? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?所有組件默認(rèn)顯示

data-*? ? ? ? ? Any? ? ? ? ? ? ? ? ? ? ?自定義屬性? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 組件上觸發(fā)的事件時(shí)，會(huì)發(fā)送給事件處理函數(shù)

bind* / catch*? ?EventHandler????組件的事件? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 詳見(jiàn)事件

特殊屬性

幾乎所有組件都有各自定義的屬性，可以對(duì)該組件的功能或樣式進(jìn)行修飾，請(qǐng)參考各個(gè)組件的定義。

基礎(chǔ)組件分為以下七大類：

視圖容器(View Container)：

view視圖容器????????scroll-view可滾動(dòng)視圖容器????????swiper滑塊視圖容器

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

icon圖標(biāo)????????????text文字????????????progress進(jìn)度條

表單(Form)：

button按鈕?????

form表單

input輸入框

checkbox多項(xiàng)選擇器

radio單項(xiàng)選擇器

picker列表選擇器

picker-view內(nèi)嵌列表選擇器

slider滾動(dòng)選擇器

switch開(kāi)關(guān)選擇器

label標(biāo)簽

導(dǎo)航(Navigation)：

navigator應(yīng)用鏈接

多媒體(Media)：

audio音頻????????????image圖片????????????video視頻

地圖(Map)：

map地圖

畫(huà)布(Canvas)：

canvas畫(huà)布

客服會(huì)話：

contact-button進(jìn)入客服會(huì)話按鈕