检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
按钮组件通常与其他组件配合使用, 用于展示链接页面或提示信息等。 在大屏设计页面,从“全部组件 > 其它”中,拖拽“按钮组件”组件至画布空白区域,如图1所示。 图1 按钮组件 配置 在配置中,设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置:设置按钮的样式,如常规按钮、强调按钮、文字按钮等。
题、图表、卡片背景、卡片边框)和图表元素构成。 图3 复选框卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
将组件保存为卡片 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击右键,选择“保存为卡片”。 图1 选择保存为卡片 您也可以在“图层”中,将鼠标悬浮在组件上,单击“保存为卡片”。 图2 在图层中将组件保存为卡片 在卡片设置中,输入卡片的名称,单击“保存”。
停留时间:停留的时间。 轴条默认样式:设置轴条的默认颜色。 轴条选中样式:设置轴条选中时的颜色。 轴条粗细:轴条的粗细。 轴标签 默认标签字体:设置标签默认的字体、大小、颜色等。 选中标签字体:设置选中标签时,显示的字体、大小、颜色等。 标签旋转:设置标签旋转角度。 默认描述字体:设置标签默认的描述字体、颜色、大小等。
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,AstroCanvas支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组
单击“+响应动作”,选择“页面跳转”,跳转到外部页面,外部页面地址引用全局变量,设置为“${url}”,弹出新窗口打开页面地址,单击“确定”。 单击“完成”,设置后用户在单击柱图数据时,会跳转到数据集中设置的具体url页面。 图4 设置页面跳转 设置完成后,单击页面上方的,保存页面。 保存成功后,单击,预览效果是否符合预期。
进入更新库页面 在库更新页面,上传新的库、设置库参数,单击“更新”。 图8 设置库信息 将鼠标放在对应的库上,单击,可查看到新版本的库。 :单击该图标,可下载当前版本库。 :单击该图标,可在线编辑该版本库。 编辑库 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。
是否禁用:是否禁用该下拉框,禁用后,用户不可选择内容。 是否可输入:禁用后,只能在下拉框中选择,无法输入查找。 下拉弹出框设置 最大高度:设置下拉弹出框的最大高度。 背景颜色:设置下拉弹出框的背景色。 字体颜色:设置下拉弹出框中字体的颜色。 选中态背景颜色:设置选中某项内容时,背景的颜色。
为期望开设的课程组件框绑定模型中的字段 选中课程组件,在“基本属性 > 选项”中,设置课程下拉框的选项。 图18 设置课程下拉框选项 同样,选中年级组件,在“基本属性 > 选项”中,设置年级下拉框的选项。 图19 设置年级下拉框选项 添加一个按钮组件,用于提交问卷。 在基本组件中,拖拽一个按钮组件到画布中。
标题、图表、卡片背景、卡片边框)和图表元素构成。 图4 天气卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
标题背景色:设置标题的背景颜色。 内边距: 设置标题距离组件上下左右边界的距离。 图4 设置上边距 标题偏移量:设置标题与指标之间的距离。 图5 标题偏移量 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框
片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 音频卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
快捷时间字体颜色:设置快捷时间的字体颜色。 选中字体颜色:设置选中快捷时间时,快捷时间字体的颜色。 选中背景颜色:设置选中快捷时间时,快捷时间背景的颜色。 输入框设置 下方输入框的设置,对时间选择器组件中所有输入框生效。 字体:设置输入框中文字的字体、大小和颜色等。 背景颜色:设置输入框的背景颜色。
该状态下日期块的背景色:设置当前状态下日期块的背景颜色。 日期字体:设置该状态下日期字体、文字大小、日期文字颜色等。 日期的行高大小:设置该状态下日期的行高大小。 内容字体:设置该状态下日期上备注的内容字体、文字大小、内容文字颜色等。 日历卡片 背景色:设置日历卡片的背景颜色。 边框色:设置日历卡片边框的颜色。
景、特效、卡片边框等)和视频元素构成。 图3 FLV视频播放卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
行编辑。 版本回退 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表的所有项目中,单击页面所在的项目,进入项目。 在所有页面中,单击对应的页面,单击“编辑页面”,进入大屏开发页面。 在工具栏中,单击,进入页面发布设置。 在“版本管理”区域,单
水位图卡片 卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距
素(卡片背景、特效、卡片边框)和视频元素构成。 图3 视频流卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
图6 仪表盘图形 表盘设置:展开或收起表盘,设置为展开时,需设置如下参数。 起始角度:设置表盘的起始角度。 结束角度:设置表盘的结束角度。 区间最小值:设置表盘的区间最小值。 区间最大值:设置表盘的区间最大值。 分段个数:设置表盘的分段个数。 半径(%):设置表盘的半径大小。 横坐标(%):设置表盘的横坐标。
是否禁用:是否禁用该下拉框,禁用后,用户不可选择内容。 是否可输入:禁用后,只能在下拉框中选择,无法输入查找。 图5 是否可输入设置后效果 下拉弹出框设置 最大高度:设置下拉弹出框的最大高度。 背景颜色:设置下拉弹出框的背景色。 字体颜色:设置下拉弹出框中字体的颜色。 选中态背景颜色:设置选中某项内容时,背景的颜色。