微信小程序 基礎組件

2022-05-11 15:25 更新

基礎組件

框架為開發(fā)者提供了一系列基礎組件,開發(fā)者可以通過組合這些基礎組件進行快速開發(fā)。詳細介紹請參考組件文檔。

什么是組件:

  • 組件是視圖層的基本組成單元。
  • 組件自帶一些功能與微信風格一致的樣式。
  • 一個組件通常包括 開始標簽 和 結(jié)束標簽,屬性 用來修飾這個組件,內(nèi)容 在兩個標簽之內(nèi)。
<tagname property="value">
Content goes here ...
</tagname>

注意:所有組件與屬性都是小寫,以連字符-連接

屬性類型

類型 描述 注解
Boolean 布爾值 組件寫上該屬性,不管是什么值都被當作 true;只有組件上沒有該屬性時,屬性值才為false
如果屬性值為變量,變量的值會被轉(zhuǎn)換為Boolean類型
Number 數(shù)字 12.5
String 字符串 "string"
Array 數(shù)組 [ 1, "string" ]
Object 對象 { key: value }
EventHandler 事件處理函數(shù)名 "handlerName" 是 Page 中定義的事件處理函數(shù)名
Any 任意屬性

公共屬性

所有組件都有以下屬性:

屬性名 類型 描述 注解
id String 組件的唯一標示 保持整個頁面唯一
class String 組件的樣式類 在對應的 WXSS 中定義的樣式類
style String 組件的內(nèi)聯(lián)樣式 可以動態(tài)設置的內(nèi)聯(lián)樣式
hidden Boolean 組件是否顯示 所有組件默認顯示
data-* Any 自定義屬性 組件上觸發(fā)的事件時,會發(fā)送給事件處理函數(shù)
bind* / catch* EventHandler 組件的事件 詳見事件

特殊屬性

幾乎所有組件都有各自定義的屬性,可以對該組件的功能或樣式進行修飾,請參考各個組件的定義。


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號