简介
IFrame 组件是用来在当前页面中嵌入另一个文档（通常是网页）的元素。如果您需要在网页中嵌入其他网页内容，比如视频、地图、外部网站或其他网页，请使用该组件。
配置项
分类 | 配置 | 示例 | 说明 |
内容 | 模式 |
| 设置 IFrame 模式 |
URL |
| 设置要嵌入到 IFrame 中文档的地址 | |
代码 |
| 设置要嵌入到 IFrame 中的 html 代码片段 | |
交互 | 隐藏 |
| 隐藏，详情参见通用属性 |
隐藏时保留布局 |
| 隐藏时保留布局，详情参见通用属性 | |
样式 | 高度 |
| 高度，详情参见通用属性 |
外边距 |
| 外边距，详情参见通用属性 | |
工具栏 |
| 设置是否展示工具栏 | |
工具栏文本 |
| 开启「工具栏」后，可以设置工具栏文本 | |
CSS 样式 | 背景色 |
| 设置 IFrame 组件的背景色，详情参见通用属性 |
边框 |
| 设置组件的边框颜色，对应 CSS 属性：border-color，查看 mdn 详细说明 | |
圆角 |
| 详情参见通用属性 | |
工具栏背景色 |
| 设置工具栏背景色，详情参见通用属性 | |
工具栏文本颜色 |
| 设置工具栏文本颜色，对应 CSS 属性：color，查看 mdn 详细说明 |
属性与方法
名称 | 类型 | 示例 | 说明 |
src | string |
| IFrame 文档地址 |
code | string |
| 要嵌入到 IFrame 中的 html 代码片段 |
topBarText | string |
| 工具栏标题文本 |
setSrc | func |
| 设置 IFrame 文档地址 |
clearSrc | func |
| 清除 IFrame 文档地址 |
setCode | func |
| 设置要嵌入到 IFrame 中的 html 代码片段 |
clearCode | func |
| 清除要嵌入到 IFrame 中的 html 代码片段 |
setTopBarText | func |
| 设置工具栏标题文本 |
clearTopBarText | func |
| 清除工具栏标题文本 |
click | func |
| 点击操作 |