使用小工具 > 2D > 卡片 (Card)
  
卡片 (Card)
此小工具的功能為何？
「卡片」小工具可讓您在體驗中，以一張卡片整理資料與資訊。
使用此小工具的時機？
因為「卡片」可跨多個不同的畫面顯示相同資訊，因此對行動體驗特別有用。
如果您要重複卡片，則必須將「卡片」小工具放在「重複器」小工具之內。您也可以直接拖曳其他小工具至卡片上。
使用「卡片」的時機：
• 要顯示由不同元素構成的內容。
• 要展現的元素尺寸或支援的動作各有不同，例如多張相片有不同長度的標題。
• 要把體驗中的所有檢視改為一致主題。
當您的內容集合包含如圖像、按鈕、文字等多種資料類型時，也可以使用卡片。
還有任何特殊屬性、服務、事件、動作嗎？
欲檢視通用小工具的屬性、服務、事件，請參閱 共通的小工具屬性、服務、事件。
下表是此小工具專屬屬性的清單。
屬性
JavaScript
類型
描述
頁尾
footer
string
於卡片底部顯示文字。
* 
頁尾只會在預覽與執行階段中顯示。
頁首
header
string
於卡片頂端顯示文字。
* 
頁首只會在預覽與執行階段中顯示。
動作中的小工具
此範例為小工具可能的外觀！
使用所必須的最少步驟
近似外觀
1. 拖曳「卡片」小工具至畫布上。
2. 在「頁首」欄位中輸入卡片的標題。在此範例中，我們已輸入 Products。
3. 針對您所要顯示的小工具，將之拖曳至卡片上。在此範例中，我們即拖曳了「標籤」小工具至卡片上，並新增了兩個標籤。