# Iframe布局框
Iframe布局框用于在大屏页面的某块区域中呈现页面，组件的页面内容基于域名分区域加载，秒级刷新，组件间互不影响，有效提升大屏可视体验。同时，组件间支持故障隔离，有效提升大屏展现可靠性。
在大屏设计页面，从"全部组件 \> 其它"中，拖拽"Iframe布局框"组件至画布空白区域，如[图1]。
图1Iframe布局框   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158426053.png "点击放大")
图2边距样式说明   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123184108.png)
#### 卡片
卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
图3Iframe布局框卡片   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123027900.png "点击放大")
- 背景
  - 背景色：设置组件卡片的背景颜色。
  
  - 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。
  
  - 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。
  
  - 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。
   
- 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。
- 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见[图2]），默认为0，即铺满整个组件。
 
#### 配置
在配置中，设置内嵌的本项目其它页面或者外部页面。当嵌入页面虚拟为不同域名时，可以提高整个页面的加载速度。
图4Iframe布局框配置   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158307645.png "点击放大")
- 页面切换 当有多个页面需要轮播展示时，可打开该开关。开启后，可配置单个页面的展示时长。
  
- 页面编辑 单击切换页面后的![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123186032.png)，新增该组件区域展示的页面，支持选取项目内的其他大屏页面和外部页面。
  
 
#### 交互
在交互中，设置Iframe布局框组件与组件、页面之间的交互能力。交互设置更多介绍，请参见[交互设置](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6140.html)。