框架為開(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ì)話按鈕