自由卡片

步骤一：添加组件

1. 创建移动应用。具体操作，请参见创建移动应用。

2. 在移动应用编辑器中，单击最左侧的组件图标。

3. （可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。

4. 在画布左侧组件列表上方，在搜索框中输入自由卡片，找到该组件，然后将组件拖拽到中间画布。

   您也可以单击自由卡片组件 ，在弹出的面板中选择预置的自由卡片模板，然后将模板拖拽到中间画布。

   有关添加组件的更多信息，请参见添加组件。

   

步骤二：配置自由卡片样式

1. 在移动应用编辑器右侧样式中，调整组件宽高和在页面中的布局位置。

   具体操作，请参见通用样式。

2. 在中间画布，双击自由卡片组件。

3. 在组件编辑页面右侧样式中，设置自由卡片展示样式。

   配置项	说明
   容器样式	设置自由卡片的填充颜色或填充图片。
   	设置自由卡片边框的粗细、颜色、样式和圆角。

步骤三：配置自由卡片内的组件

您可以直接使用自由卡片模板，也可以自行配置自由卡片内的组件。

1. 在组件编辑页面，删除自由卡片模板中的组件。

   

2. 从左侧组件列表中拖拽所需的组件到自由卡片中，配置各组件样式。

   有关组件配置的具体操作 ，请参见本产品文档移动可视化开发>组件目录下的各组件文档。

步骤四：配置组件数据源

1. 分别单击自由卡片中的组件，例如仪表盘组件，在右侧样式中，单击展示数据后的配置数据源。

   说明

   不同组件进入数据源配置页面的方法不同。具体操作，请参见本产品文档移动可视化开发>组件目录下的各组件文档。

2. 在展开的数据源配置页面，完成数据源配置。

   仪表盘组件可选数据源类型有设备、接口、静态数据、应用推送。

   说明

   不同组件支持的数据源类型不同。具体操作，请参见本产品文档移动可视化开发>组件目录下的各组件文档。

3. 单击确定，完成配置。

4. 单击页面右上角保存按钮。

5. 单击组件编辑页面左上角的返回页面。在移动应用编辑器预览和调试组件展示的数据和效果。

   具体操作，请参见预览与调试。