检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
景、特效、卡片边框等)和视频元素构成。 图3 FLV视频播放卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
创建工作空间 新建工作空间 为工作空间添加成员 设置空间页面配额
轮播配置 在轮播配置中,设置轮播图片组件的图片、切换、播放和定位显示。 图4 轮播图片轮播设置 轮播设置 图片:设置轮播组件的图片。 填充方式:设置图片填充方式,支持填充、包含、覆盖和无。 切换 切换方向:设置图片切换方向,如水平、垂直。 切换方式:设置图片切换方式,如淡出、推出、展示等。
标题:是否显示组件标题。设置为显示时,支持设置标题的字体、大小和颜色等。 配置 在配置中,设置组件的年月日、背景颜色和时间条颜色等。 图4 时间展示配置 年月日 显示:是否显示年月日。 字体:设置年月日字体、颜色和大小等。 时间 显示:是否显示时间。 字体:设置时间字体、颜色和大小等。
用域。 图3 设置全局变量 图4 查看全局变量作用的域 页面开发流程 在华为云Astro大屏应用可视化开发页面,通过拖拽组件、设置页面布局、对接业务数据等,即可构建华为云Astro大屏应用大屏&PC端/移动端页面,具体流程如图5所示。 图5 页面开发流程 页面设置 配置页面屏幕大
组件开发规范。 在华为云Astro大屏应用界面“我的资产 > 我的组件”中,将自定义组件上传到组件库中时,“场景”请选择“大屏&PC端”、“移动端”。设置后,该组件才可在页面中展示。 图1 上传自定义组件 华为云Astro大屏应用中组件 介绍华为云Astro大屏应用支持的组件类型
添加组件 在华为云Astro大屏应用中,组件是大屏、移动端页面的组成元素。华为云Astro大屏应用提供了一些预置组件供您使用,同时支持自定义组件并上传到华为云Astro大屏应用中使用。 添加组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在页
接器。 预置桥接器 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击组件上方的。 图1 单击数据 在数据类型中,选择“桥接器预置”,并选中所需的桥接器。 设置桥接器预置数据。 图2 设置桥接器参数 桥接器数据类型:桥
配置 在配置中,设置翻牌器组件的样式和动画。 图4 翻牌器配置 样式设置 字体:设置翻牌器字体、大小和颜色等。 数字背景:翻牌器中数字是否显示背景。“动画类型”设置为“翻牌类型”时,不支持隐藏背景。 数字背景颜色:设置翻牌器中数字的背景颜色。“数字背景”设置为“显示”时,才会显示该参数。
颜色。 占位符:没有输入搜索内容时,展示的文字内容。 搜索按钮设置 字体:搜索按钮和按钮字体的大小、颜色等设置。 背景颜色:设置搜索按钮所在区域的背景色。 按钮文本:设置按钮搜索图标后显示的文字。 数据 在数据中,设置搜索框组件的数据来源,更多介绍请参见数据接入。 交互 在交互中
全局样式 排行榜行数:设置排行榜的行数。 背景色:设置排行榜背景的颜色。 自动轮播:是否开启自动轮播功能。开启后,支持设置轮播速度和单行停顿时间。 表头设置 显示表头:是否显示表头。 表头行高占比(%):设置表头的行高占比。 背景色:设置表头的背景颜色。 对齐方式:设置表头的对齐方式,如水平居中、居左和居右。
入门实践 当您购买了华为云Astro大屏应用实例后,可以根据业务需要搭建所需的大屏页面和移动端页面。本文介绍华为云Astro大屏应用常见的搭建实践,帮助您更好的使用华为云Astro大屏应用。 表1 常用最佳实践 实践 描述 使用华为云Astro大屏应用开发人员来访统计大屏页面 本实践通
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示标题。 内容:输入标题的内容。 字体:设置标题的字体、大小和颜色等。 对齐:设置标题的对齐方式,如左对齐、右对齐或居中。 标题背景色:设置标题的背景颜色。
数据接入 页面数据来源介绍 桥接器预置 自定义桥接器 静态数据 数据集 页面数据集 其他数据源
实例版本 华为云Astro大屏应用提供了“华为云Astro大屏应用基础版”、“华为云Astro大屏应用专业版”和“华为云Astro大屏应用企业版”三种实例套餐,请按需购买。 华为云Astro大屏应用基础版:基于平台预置模板、基础组件,快速开发专业水准大屏。 华为云Astro大屏应用专
创建页面 初识开发页面 使用空白画布新建页面 使用模板新建页面 使用页面模板文件新建页面
组件介绍 组件入门 图表 媒体 文本 地图 装饰 仪表盘 其它 导航 ECharts图表 3D场景编辑器
管理页面 管理组件模板 桥接器模板 查看操作日志
资产管理 我的卡片 我的素材 我的组件 我的库 我的模板 我的桥接器
单击该图标,可查看设置的分享码。 有效期设置:设置分享码的有效期。如果不设置有效期,分享码将永久有效。 设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。