2.0組件的使用

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 內(nèi)容抽屜菜單ListViewWebViewSwitchButton按鈕點(diǎn)贊按鈕進(jìn)度條TabLayout圖標(biāo)下拉刷新...
    皇小弟閱讀 46,870評(píng)論 22 665
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,811評(píng)論 25 708
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,836評(píng)論 18 139
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,180評(píng)論 4 61
  • 1、鄖總今天過(guò)來(lái)做了艾灸,還給我們帶了個(gè)橘子,灸完之后覺(jué)得好多了,肯定比之前的療效好多了。意想不到吳老師也給他做了...
    Wan9sha閱讀 103評(píng)論 0 0