交互组件支持您与大屏进行点击、切换、输入等交互操作，在交互组件中，您可在组件事件中自定义事件，或者通过将返回值绑定到变量上对其他组件进行操作和修改。
在项目中进行交互操作时，单击交互组件可编辑其配置项，双击则进入交互状态。
# 人工智能
# 语音识别
语音识别仅能识别普通话，在组件数据中将返回值绑定值某一变量上，可修改变量值，在配置项中可修改弹出框的位置。
# 展示
# 轮播图
轮播图适用于在大屏中轮播展示多个网页，展示的轮播图地址、描述、跳转页需要在组件数据中配置。
| 配置项 | 描述 |
|---|---|
| 占位图 | 当轮播图地址没加载出或数据出问题时展示的占位图片。 |
| 填充方式 | 以轮播图的选中框为填充标准，默认是适应，拉伸可让图片随选择框拉伸。 |
| 切换按钮 | 选择是否让轮播图中显示切换按钮。 |
| 分页器 | 修改聚焦页和失焦页的焦点颜色。 |
| 文字描述 | 在轮播页中增加描述，修改描述的样式和超链接打开方式。 文字描述的内容和超链接地址需要在组件数据中修改。 |
| 动画 | 修改轮播图的动画效果、速度、循环方式。 |
- 轮播图组件数据
| 参数 | 描述 |
|---|---|
| src | 轮播图片地址。 |
| desc | 每一页轮播中的文字描述。 |
| link | 点击文字描述后的跳转链接。 |
# iframe
可以使用iframe在大屏内嵌其他网页，建议使用http或者https协议的链接地址.
与iframe引入的页面交互需要将大屏预览或部署后进行，在编辑器编辑时无法交互。
- iframe事件
| 事件 | 描述 |
|---|---|
| 组件数据 | 组件挂载、组件卸载 |
| iframe事件 | 支持在iframe事件中写入事件函数。 |
# 气泡卡片
点击/鼠标悬停按钮，弹出气泡式的卡片浮层，卡片内容和按钮样式可编辑。
| 配置项 | 描述 |
|---|---|
| 按钮 | 修改卡片触发方式：点击/悬停，修改按钮各个状态时的文字大小颜色、 按钮背景和边框颜色。 |
| 卡片 | 修改卡片宽高、自适应状态，修改卡片的分布位置、边框及背景颜色。 |
| 标题 | 修改卡片标题的内边距大小和文字样式，修改标题与内容之间的分割线样式 |
| 内容 | 修改卡片内容的内边距与文字样式。 |
- 气泡卡片组件数据
| 参数 | 描述 |
|---|---|
| title | 卡片标题，String类型。 |
| content | 卡片内容，String类型。 |
# 表格
展示多条行列数据，在大屏中不建议使用超过十条表格数据。支持对首行和首列表格样式单独修改，鼠标悬停的行可高亮显示。在普通表格的基础上，即视提供轮播表格和多级表头表格。
| 配置项 | 描述 |
|---|---|
| 表格 | 修改表格外边框样式。 |
| 表头 | 修改表头文字样式、内边距大小、分割线样式、表头背景颜色。 |
| 内容 | 修改表格内容文字样式、水平/垂直分割线颜色、表格奇数行、偶数行、 高亮行背景颜色。 |
| 首列 | 修改表格首列文字样式、内边距大小、分割线样式、首列背景颜色。 |
# 数字翻牌器
数字翻牌器在数字改变时会有翻动效果，常用来展示总数、浏览量等可变动数字的展示。支持在前后缀、数字分隔符等配置项添加变量。
| 配置项 | 描述 |
|---|---|
| 数字 | 修改小数点前数字的样式、多位数字的分隔符。 |
| 小数 | 修改小数点后的保留位数，文字样式。 |
| 前缀 | 数值前缀文字和文字样式，默认为￥。 |
| 后缀 | 数值后缀文字和文字样式，默认为元。 |
| 间隔 | 修改前缀、后缀距离数字的距离，每个数字之间的距离。 |
| 位置 | 修改数字翻牌器在选中框的位置。 |
| 动效 | 修改翻牌器翻动时的效果和时长。 |
- 翻牌器组件数据
翻牌器只接受Number类型的数据，可直接将数据写入静态数据中或引入变量和数据源。
# 时钟显示
显示当前时间的组件，可以调整时区和时间格式。
| 配置项 | 描述 |
|---|---|
| 格式 | 修改显示时间格式，选择自定义可自行输入，仅支持Number类型. |
| 时区 | 修改时间时区. |
| 主时钟 | 修改主时钟(时分秒)的文字颜色和字号. |
| 毫秒 | 当时钟格式有毫秒时,修改毫秒的文字颜色和字号. |
# 日期
显示当前日期，可以调整时区和日期格式。
| 配置项 | 描述 |
|---|---|
| 格式 | 修改显示时间格式，选择自定义可自行输入. |
| 时区 | 修改时间时区. |
| 文字 | 修改文字的颜色和字号。 |
# 跑马灯
可以添加多条文字实现跑马灯效果，常用来展示新闻简讯等较少字数的信息。
| 配置项 | 描述 |
|---|---|
| 数值 | 管理跑马灯中的文字条，编辑、增加、删除内容。 |
| 内容样式 | 修改文字颜色、字号、间隔，修改跑马灯循环方式和速度。 |
# 进度条
使用进度条展示某项操作进度。
| 配置项 | 描述 |
|---|---|
| 格式 | 在格式中使用{V}识别组件数据中current数据，在{V}后接进度单位。 |
| 进度条 | 修改进度条已完成部分的颜色、高度、圆角等样式。 |
| 背景 | 修改进度条的背景色，即未完成部分的颜色。 |
- 进度条组件数据
| 参数 | 描述 |
|---|---|
| max | 进度条的最大值，根据最大值的不同，current显示的比例也不同。Number类型数据。 |
| current | 进度条已完成部分的数值大小。Number类型数据。 |
# 倒计时
设置结束时间，倒计时支持分别按年、月、日、时、分、秒等方式计时。
| 配置项 | 描述 |
|---|---|
| 结束时间 | 设置倒计时结束时间。 |
| 展示方式 | 持分别按年、月、日、时、分、秒、毫秒计时。 |
| 到期行为 | 设置到期后立即停止或继续计时。 |
| 文字 | 修改倒计时不同状态时的文字样式。 |
# 表单
# 单选
单选框适用于只能在多个选项选择一个的时候，即视中给出三种样式的单选：按钮、普通(radio)、边框。
| 配置项 | 描述 |
|---|---|
| 文本 | 修改按钮不同状态时文本的颜色和字号。 |
| 按钮背景 | 修改按钮不同状态时背景颜色。 |
| 边框 | 修改按钮不同状态时边框颜色。 |
| 圆角 | 修改组件圆角角度。 |
| 布局 | 设置单选框的排列方式，纵向或横向。 |
- 单选组件数据
| 参数 | 描述 | 数据类型 |
|---|---|---|
| defaultValue | 默认选中的值,与optionList中的value对应。 | any |
| optionList | 选项列表。 | 数组形式，每条数据包含label和value。示例：{"label": "选项1","value": 1} |
| 事件 | 描述 |
|---|---|
| 组件数据 | 返回值改变、组件挂载、组件卸载 |
# 开关
仅用于切换开关状态/两种状态，分为普通开关和按钮开关。
| 配置项 | 描述 |
|---|---|
| 按钮背景 | 普通开关两种状态时的背景颜色。 |
| 开关 | 普通开关按钮的颜色。 |
| 文字 | 按钮开关不同状态时的字体颜色。 |
| 打开时 | 打开按钮开关时的按钮样式。 |
| 关闭时 | 按钮开关关闭时的按钮样式。 |
| 悬停时 | 悬停按钮开关时的按钮样式。 |
- 开关组件数据
开关将返回值绑定值变量，仅返回开关开启时的
true，关闭时不返回值。
| 事件 | 描述 |
|---|---|
| 组件数据 | 返回值改变、组件挂载、组件卸载 |
# 输入框
提供四种常见输入框进行交互，普通输入框供基本输入操作、密码输入框输入时自动加密，数字输入框只允许输入数字、文本框用于多行输入。
| 配置项 | 描述 |
|---|---|
| 文本 | 输入的文本样式。 |
| 占位文本 | 未输入文本时的占位文本样式。 |
| 背景 | 输入框两种状态下的背景颜色。 |
| 边框 | 输入框两种状态下的边框颜色。 |
| 圆角 | 输入框圆角角度。 |
| 内容校验 | 默认不开启内容校验，开启后可限定输入最大最小字符。 |
| 按钮 | 默认不开启按钮，开启后输入框增加按钮，可修改按钮配置项。 |
- 输入框事件
| 事件 | 描述 |
|---|---|
| 组件数据 | 返回值改变、组件挂载、组件卸载 |
| 键盘事件 | 按键按下、按键抬起 |
| 组件事件 | 输入框失焦、输入框聚焦 |