溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

微信小程序組件有哪些及怎么用

發(fā)布時間:2022-03-07 10:43:36 來源:億速云 閱讀:151 作者:iii 欄目:開發(fā)技術

本文小編為大家詳細介紹“微信小程序組件有哪些及怎么用”,內(nèi)容詳細,步驟清晰,細節(jié)處理妥當,希望這篇“微信小程序組件有哪些及怎么用”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。

組件

小程序提供了豐富的基礎組件給開發(fā)者,開發(fā)者可以像搭積木一樣,組合各種組件拼合成自己的小程序。

就像 HTML 的 div, p 等標簽一樣,在小程序里邊,你只需要在 WXML 寫上對應的組件標簽名字就可以把該組件顯示在界面上,例如,你需要在界面上顯示地圖,你只需要這樣寫即可:

<map></map>

使用組件的時候,還可以通過屬性傳遞值給組件,讓組件可以以不同的狀態(tài)去展現(xiàn),例如,我們希望地圖一開始的中心的經(jīng)緯度是廣州,那么你需要聲明地圖的 longitude(中心經(jīng)度) 和 latitude(中心緯度) 兩個屬性:

<map longitude="廣州經(jīng)度" latitude="廣州緯度"></map>

組件的內(nèi)部行為也會通過事件的形式讓開發(fā)者可以感知,例如用戶點擊了地圖上的某個標記,你可以在 js 編寫 markertap 函數(shù)來處理:

<map bindmarkertap="markertap" longitude="廣州經(jīng)度" latitude="廣州緯度"></map>

當然你也可以通過 style 或者 class 來控制組件的外層樣式,以便適應你的界面寬度高度等等。

讀到這里,這篇“微信小程序組件有哪些及怎么用”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內(nèi)容的文章,歡迎關注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI