4.1 組件的介紹和分類

4.1.1 組件的介紹

小程序組件是視圖層的基本組成單元，它自帶微信風格UI樣式和特定功能效果。例如，用戶在小程序頁面上所看到的圖片、文本、按鈕等都屬于小程序組件。小程序為開發者提供了一系列基礎組件，通過組合這些組件可以進行更高效的開發。

一個組件通常包括<開始標簽>和</結束標簽>，在開始標簽中可以追加屬性修飾組件，在首尾標簽之內可以嵌套內容。

其語法格式如下：

<標簽名稱 屬性="值">
   內容
</標簽名稱>

例如：

<text id="demo">這是一段文本內容。</text>

上述代碼表示一個文本組件text，用于顯示純文字內容。該組件在本頁面具有唯一id編號"demo"，其首尾標簽之間是想要呈現出來的具體文本內容。需要注意的是，所有組件和屬性都使用小寫字母。

其中id屬性是一個通用屬性，可以被所有組件使用。小程序目前提供7類通用屬性，如表4-1所示。

表4-1 小程序組件通用屬性

4.1.2 組件的分類

組件按照功能主要分為以下7類。

?　視圖容器（View Container）組件：主要用于規劃布局頁面內容。

?　基礎內容（Basic Content）組件：用于顯示圖標、文字等常用基礎內容。

?　表單（Form）組件：用于制作表單。

?　導航（Navigation）組件：用于跳轉指定頁面。

?　媒體（Media）組件：用于顯示圖片、音頻、視頻等多媒體內容。

?　地圖（Map）組件：用于顯示地圖效果。

?　畫布（Canvas）組件：用于繪制圖畫內容。