使用小组件 > 2D > 卡片
  
卡片
这个小组件有什么功能？
“卡片”小组件允许您组织编排体验中的卡片上的数据和信息。
何时会用到这个小组件？
卡片在移动体验中特别有用，因为它可以很方便地在多个不同的屏幕上显示相同的信息。
如果你想重复某张卡片，你必须将“卡片”小组件放在“重复器”小组件中。您也可以将其他小组件直接拖放到卡片上。
在以下情况下，会用到“卡片”小组件：
• 想要显示包含不同元素的内容。
• 想要展示某些元素，元素的大小或支持的操作各不相同，例如标题长度可变的照片。
• 需要对体验中的所有视图设置统一的主题。
需要使用包含多种数据类型 (例如，图像、按钮和文本) 的内容集时，也可使用“卡片”小组件。
这个小组件中是否有专用的属性、服务、事件或操作？
若要查看小组件常用的属性、服务和事件的列表，请参阅小组件的通用属性、服务和事件。
下表列出了该小组件的专用属性。
属性
JavaScript
类型
说明
页脚
footer
string
在卡片底部显示文本。
* 
页脚仅在预览和运行时显示。
页眉
header
string
在卡片顶部显示文本。
* 
页眉仅在预览和运行时显示。
小组件的显示效果
以下是小组件的显示效果示例！
使用时的必要步骤
显示效果
1. 将“卡片”小组件拖放到工作区。
2. 在“标题”字段中输入卡片的标题。在本示例中，我们输入的是 Products。
3. 将想要显示的小组件拖放到卡片上。在本示例中，我们将“选项卡”小组件拖放到卡片上，并添加了两个选项卡。