检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件响应动作实现 组件除了可以作为事件的触发器，还可以处理事件的响应动作，在响应动作中选择组件响应，就可以选择对应的组件响应动作，数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。
input-number 配置项说明 表1 input-number配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input-number" 配置项类型。 value String 否 value: 1 默认值。 name String 是
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 标题：是否显示标题。打开该开关后，可设置标题的字体大小、字体颜色和标题内容等。 配置 在配置中，设置组件的年月日、背景颜色和时间条颜色等。 图4 时间翻牌器配置 星期 显示：是否显示星期。 字体：设置星期字体、颜色和大小等。
stro大屏应用界面。 在编辑页面状态下，选中组件，单击右键，选择“重命名”。 图1 重命名 您也可以在“图层”中，将鼠标悬浮在组件上，单击“重命名”。 图2 在图层中重命名组件 在输入框中，输入组件的新名称。 父主题： 组件管理
配置项总览 本章节介绍华为云Astro大屏应用支持的组件配置项，您可以通过{widget}.editor.js文件中定义的type字段，来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置翻牌器组件的样式和动画。 图4 翻牌器配置 样式设置 字体：设置翻牌器字体、大小和颜色等。 数字背景：翻牌器中数字是否显示
07:44 使用预置模板开发调查问卷应用 华为云Astro轻应用服务视频 介绍如何将已开发的应用发布到运行环境（生产环境） 07:08 快速发布与部署低代码应用 操作指导 华为云Astro轻应用服务视频 介绍如何创建对象并理解对象间的关联关系 05:40 创建对象 华为云Astro轻应用服务视频
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置时间选择器的类型、输入框和弹出框的字体颜色等。 图4 时间选择器配置 时间选择器的类型 选择器类型：支持时间范围和瞬时两种。 快捷时间
边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 配置 在配置中，设置音频组件的音频地址、是否自动播放和是否开启控制条等。 图4 音频轮播设置 音频 > 音频地址：输入音频的存放地址，仅支持MP3、OGG和WAV格式的音频。 播放 自动播放：开启后，在预览页面或发布后的页面中，会自动播放音频内容。
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置日历组件当月默认状态、选中状态、日历卡片、头部等。 图4 日历组件配置 当月默认状态/选中状态/前月和下月状态/数据系列4......
页面时可使用该页面模板文件，创建可视化页面，减少重复开发，提高交付效率。 发布及安装项目 项目开发完成后，可以在线预览，也可以一键打包从A环境发布、B环境安装，实现开发 > 测试 > 上线的快速部署，从而实现不同环境之间大屏&PC端、移动端资产的快速迁移。 发布项目 将已开发好的
通用配置 配置项说明 表1 配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name String 是 name: "commProps
通过参数控制响应动作 在设置组件交互动作时，可以通过选择事件参数、全局变量或固定值，明确有哪些类型的参数可以传递。 通过参数控制响应动作 参考创建大屏&PC端项目中操作，新建一个大屏项目。 参考使用空白画布新建页面中操作，新建一个空白页面，如页面一，并拖入实心圆饼图和下拉选择框。
Condition 方法 API接口的HTTP方法。 GET：请求服务器返回指定资源。 PUT：请求服务器更新指定资源。 POST：请求服务器新增资源或执行特殊操作。 DELETE：请求服务器删除指定资源。 PATCH：请求服务器更新资源的部分内容。当资源不存在时，PATCH可能会去创建一个新的资源。
2。如果简单的拖拽列方法无法满足需求，可以在代码中用“$data”获取数据配置结果，以javascript代码处理逻辑，如图13。 图12 拖拽字段 图13 通过“$data”实现 交互 在交互中，配置Echarts组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互
面。 在编辑页面状态下，选中组件，单击右键，选择“保存为卡片”。 图1 选择保存为卡片 您也可以在“图层”中，将鼠标悬浮在组件上，单击“保存为卡片”。 图2 在图层中将组件保存为卡片 在卡片设置中，输入卡片的名称，单击“保存”。 图3 设置卡片的名称 查看保存的卡片。 方式一：在
据。 使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。 在左侧导航栏上方，单击，选择服务实例所在的区域项目。 单击，在查找框中搜索“Astro轻应用”，单击查找到的结果，进入华为云Astro轻应用服务控制台。 在主页中，单击“进入首页”，进入应用开发页面。
width: 74, labelWidth: 20, }] list中每一项含有的基础配置项。 基础配置项中可以通过加入width调整一行中的占比，例如3个options的width是20,30,30，三个配置项就会出现在一行。如果width是20,30,70，前两个会在一行，第三个占第二行的70%。
等，帮助您更加合理有效的排列大屏上的组件。 位置层次越靠前，表示组件在画布中的显示越靠前。 位置层次越靠后，表示组件在画布中的显示越靠后。 当两个组件重叠时，位置靠前的组件会覆盖位置靠后的。 在画布中移动 参考创建页面中操作，创建所需的页面。 在设计页面，选中待移动的组件。 单击
是否显示该配置项，可自定义函数，根据其他选项的值来判定是否显示，返回true显示function定义。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 switch配置示例如下，配置后效果如图1所示。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
