做自(zì)由與創造的先行者

組件

小(xiǎo)程序開(kāi)發手冊

小(xiǎo)程序提供了(le)豐富的基礎組件給開(kāi)發者,開(kāi)發者可以像搭積木(mù)一樣,組合各種組件拼合成自(zì)己的小(xiǎo)程序。

就像 HTML 的 div, p 等标簽一樣,在小(xiǎo)程序裏邊,你(nǐ)隻需要在 WXML 寫上(shàng)對(duì)應的組件标簽名字就可以把該組件顯示在界面上(shàng),例如,你(nǐ)需要在界面上(shàng)顯示地圖,你(nǐ)隻需要這(zhè)樣寫即可:

使用(yòng)組件的時(shí)候,還可以通過屬性傳遞值給組件,讓組件可以以不同的狀态去展現(xiàn),例如,我們希望地圖一開(kāi)始的中心的經緯度是廣州,那麽你(nǐ)需要聲明(míng)地圖的 longitude(中心經度) 和(hé) latitude(中心緯度)兩個屬性:

組件的内部行爲也(yě)會(huì)通過事(shì)件的形式讓開(kāi)發者可以感知(zhī),例如用(yòng)戶點擊了(le)地圖上(shàng)的某個标記,你(nǐ)可以在 js 編寫 markertap 函數來(lái)處理(lǐ):

當然你(nǐ)也(yě)可以通過 style 或者 class 來(lái)控制組件的外(wài)層樣式,以便适應你(nǐ)的界面寬度高(gāo)度等等。

網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發
下(xià)一篇:API
上(shàng)一篇:程序與頁面