检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
等待状态:步骤还未完成处于等待状态的颜色。 标签字体:设置步骤标签的字体、大小和颜色等。 描述文字字体:当步骤有描述文字时,描述文字的字体、大小等设置。 标题左边距:步骤标签距离该图标左边的距离。 数据 在数据中,设置步骤条组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置步骤条组件与其他
阴影颜色:设置阴影的颜色。 水平偏移:设置阴影水平偏移量,单位px。 垂直偏移:设置阴影垂直偏移量,单位px。 模糊半径:设置模糊半径,单位px。 扩散半径:设置扩散半径,单位px。 边框设置 粗细:设置边框的粗细,单位px。 颜色:设置边框的颜色。 类型:设置边框的线类型,支持实线、虚线、点线等。
单击“新建资源”,依次引入有依赖关系的资源。 图1 新增资源 资源:选择需要添加的库。请依次添加有依赖关系的资源,例如A依赖B,请先添加B再添加A。 作用域:设置新建资源作用的域。 项目级:资源应用于整个项目。 页面级:资源应用于哪些页面。 页面作用域:选择资源所应用的页面。 开发界面下不加载
华为云Astro大屏应用支持设置页面级的全局变量,通过页面组件间的交互,可给全局变量赋值,详情请参见全局变量。 全局变量中的作用次数,用于统计该全局变量被使用了多少次。单击作用次数下的具体次数,可查看该全局变量的作用域。 图3 设置全局变量 图4 查看全局变量作用的域 页面开发流程 在华为云
项目发布后,在项目发布的版本管理中,可下载对应版本的项目包。 约束与限制 在华为云Astro大屏应用中导出项目时,项目包中包含的数据源密码会被置空。 下载项目 在华为云Astro大屏应用界面的“项目列表”页面,单击待下载项目上的。 在版本管理中,鼠标放在对应版本后的“操作”下,单击。
网页图标:设置项目在浏览器标签页标题左侧的图标。图片类型支持ico、png、pjp、jpg、pjpeg、jpeg和jfif,图片大小不能超过1MB,建议使用大小为32*32像素的ico图标。 延迟加载隐藏的组件:勾选后,预览或打开页面时,将先加载显示的组件,再加载隐藏的组件。 父主题: 项目管理
发布为模板 页面开发完成后,可将已开发好的页面发布为模板。在下次创建页面时,可直接使用该模板创建新的页面,减少重复开发,提高交付效率。 约束与限制 模板只能在当前环境的本租户下使用,而发布为全局模板中生成的模板可在当前环境的所有租户下使用。 将页面发布为模板 参考登录华为云Ast
页面创建后,支持修改页面标题和描述信息。 设置页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待修改的页面上,单击。 修改页面标题,单击“更新”。 图1 编辑页面设置 页面标题:输入页面的标题,长度为1~100个字符。 页面描述:通常设置为页面的功能或使用场景。
轮播页面卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目
单击该图标,可查看设置的分享码。 有效期设置:设置分享码的有效期。如果不设置有效期,分享码将永久有效。 设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。
当有多个页面需要轮播展示时,可打开该开关。开启后,可配置单个页面的展示时长。 页面编辑 单击切换页面后的,新增该组件区域展示的页面,支持选取项目内的其他大屏页面和外部页面。 交互 在交互中,设置Iframe布局框组件与组件、页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题: 其它
复制项目版本 项目创建完成后,支持将项目中发布的版本复制到其他工作空间。 复制项目版本 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,将鼠标放在对应的项目上,单击。 选择对应的工作空间和项目版本,单击“确定”。 图1 选择工作空间和项目版本
默认选择项:下拉框默认的选择项。 字体:下拉框中字体的大小、颜色等设置。 背景颜色:设置下拉框的背景颜色。 边框颜色:默认状态下,下拉框边框的颜色。 边框聚焦颜色:鼠标选中下拉框时,边框的颜色。 边框悬浮颜色:鼠标悬浮在下拉框上时,边框的颜色。 占位符:没有输入内容时,展示的文字内容。 是
标题字体:设置标题的字体、颜色和大小等。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 时间轴图形 时间轴 时间轴方向:时间轴的方向,支持水平方向和垂直方向。 自动轮播:是否展示自动轮播效果。 间隔时间:间隔的时间。 停留时间:停留的时间。
卡片背景色:设置组件卡片的背景颜色。 卡片宽度:卡片的宽度,取值范围为[0, 200],单位为px。 卡片高度:卡片的高度,取值范围为[0, 200],单位为px。 卡片左间距:卡片和组件左边框的间距,取值范围为[0, 200]。 卡片右间距:卡片和组件右边框的间距,取值范围为[0,
EG、PNG和GIF格式的图片,且每张图片的大小不超过50MB。 选项卡设置 初次激活是否触发事件:初次激活选项卡时,是否触发事件。 初次激活选项卡:页面加载后显示的激活状态下的选项卡。 选项卡数量:选项卡Tab的数量。 选项卡1/2名称:选项卡显示的名称。 交互 在交互中,配置
背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增
组件间交互是指在同一页面中,不同组件之间进行的交互事件。组件和组件之间可互为触发器和响应器,根据用户所定义的事件不同,可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中,添加多个组件,使用tab来切换不同tab页签下需要呈现的组件为例,向您介绍如何设置组件间的交互能力。 组件间交互
在页面一中,选中玫瑰花饼图,单击组件上方的,设置玫瑰花饼图和页面二之间的交互。 图4 与页面二之间的交互 页面类型:选择待跳转页面的类型,支持选择本项目内页面或外部页面。 内部页面:选择待跳转的具体页面。“页面类型”设置为“内部页面”时,才显示该配置。 外部页面地址:选择待跳转的外部页面地址,可以直
起始角度:设置表盘的起始角度。 结束角度:设置表盘的结束角度。 区间最小值:设置表盘的区间最小值。 区间最大值:设置表盘的区间最大值。 分段个数:设置表盘的分段个数。 半径(%):设置表盘的半径大小。 横坐标(%):设置表盘的横坐标。 纵坐标(%):设置表盘的纵坐标。 宽度:设置表盘的边框宽度。