检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
移动页面 通过移动页面，将页面移动到其他文件夹中，便于页面集中管理。 移动页面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击页面所在的项目，进入项目。 将鼠标放在对应的页面上，单击“...”，选择“移动”。
在新建项目页面，选择“移动端”，输入项目名称，单击“新建”。 图1 新建移动端项目 系统自动进入该新建项目的“移动端项目”页面，如图2。 图2 移动端项目页面 （可选）项目创建后，可参考项目管理中内容，对项目进行设置。
图11 轴线显示 单击页面上方的，保存后单击，选择不同手机型号查看页面在移动端上的显示效果。 图12 查看移动端效果
使用华为云Astro大屏应用开发告警处理情况统计移动端页面 本实践通过开发一个告警处理情况移动端页面，带您了解在华为云Astro大屏应用中开发一个移动端页面的流程。
下面以开发网站中常用的柱状图（vue2+Echarts）组件为例，向您介绍如何开发自定义组件。 本节使用的示例组件开发过程中使用了前端开发框架Vue及Echarts，请提前了解。 图1 最终呈现效果 开发自定义组件 下载图表模板。
创建项目 （可选）新建分组 创建大屏&PC端项目 创建移动端项目
使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。 在左侧导航栏上方，单击，选择服务实例所在的区域项目。 单击，在查找框中搜索“Astro轻应用”，单击查找到的结果，进入华为云Astro轻应用服务控制台。
创建移动端页面操作和大屏&PC端页面相同，本章节以创建大屏&PC端页面为例进行介绍。 新建空白页面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击已创建项目的名称，进入对应的项目页面。 在项目页面，单击“新建页面”。
添加组件 在华为云Astro大屏应用中，组件是大屏、移动端页面的组成元素。华为云Astro大屏应用提供了一些预置组件供您使用，同时支持自定义组件并上传到华为云Astro大屏应用中使用。 添加组件 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。
图4 设置背景颜色 图5 选择背景图片 封面 设置大屏、移动端页面的封面，支持截取当前页面为封面或上传本地的图片作为封面。 图6 设置封面 父主题： 页面管理
创建移动端页面操作和大屏&PC端页面相同，本章节以创建大屏&PC端页面为例进行介绍。 前提条件 已获取对应的页面模板文件，详情请参见下载当前页面。 通过页面模板文件新建页面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。
组件 组件（即Widget）是可复用的大屏或移动端页面组成元素，一个大屏或移动端页面由一个或多个Widget拼装而成。如果将一个大屏或移动端页面看成拼图游戏的完整图案，那么Widget相当于拼图的每一小块。
产品优势 使用华为云Astro大屏应用开发可视化大屏页面、移动端页面，具备如下优势。 大屏资产数据服务对接，轻松接入，高效复用 功能介绍 多种数据接入能力，在大屏资产中心中可保存为多种卡片，快速进行业务调整，随心所选 、高效复用。 特性优势 丰富的数据源：预置10+数据源 。
使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。 单击管理控制台左上角的，展开服务列表，选择“开发与运维 > Astro轻应用（原AppCube）”，进入华为云Astro轻应用服务控制台。
在画布中移动 参考创建页面中操作，创建所需的页面。 在设计页面，选中待移动的组件。 单击右键，选择“向上移动一层”、“向下移动一层”、“移至顶层”或“移至底层”。 图1 在画布中移动组件图层 在图层中移动 参考创建页面中操作，创建所需的页面。 选择“图层”，进入图层页面。
创建分组后，可对该组中的所有组件进行整体复制、删除、移动等操作。若需要解除分组，单击右键选择“解除分组”即可。 创建分组 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在页面编辑模式下，选中所需的组件，单击右键选择“创建分组”。
管理页面版本 使用华为云Astro大屏应用开发大屏、移动端页面，支持通过管理页面版本，设置发布具体哪个版本的页面或者回退到具体哪个版本的页面进行开发。 操作场景 在华为云Astro大屏应用中，如下两个场景会使用到页面版本： 场景一：开发者开发好第一个页面版本后，发布呈现给用户。
图2 没有该服务访问权限 给IAM用户添加开发者权限 使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。 单击管理控制台左上角的，展开服务列表，选择“开发与运维 > Astro轻应用（原AppCube）”，进入华为云Astro轻应用服务控制台。
创建移动端项目：如果待创建的页面为移动页面，请选择创建移动端项目。 创建页面 在华为云Astro大屏应用中，搭建华为云Astro大屏应用应用从创建一个大屏/移动端页面开始，掌握70+种组件，定制出符合要求的个性化页面。
图层管理 视图切换 组件图层位置移动 筛选组件
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
