检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
模板名称的长度不能超过60个字符，且只能包含字母、数字、汉字及特殊符号“-”或“_”。 图1 发布自定义页面模板 发布完成后，本租户下的其他用户登录AstroCanvas新建页面时，即可在“自定义模板”中，使用页面模板创建页面。 图2 使用自定义模板创建页面 父主题： 页面管理
日历组件 日历组件是文本组件的一种，用于展示日历，用户可在具体日期上记录待办事项或者重要内容。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“日历组件”组件至画布空白区域，如图1。 图1 日历组件 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片
管理组件模板 查看组件模板详情 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，单击页面右上方的“管理”，进入AstroCanvas管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 在“全局”页签中，单击对应的组件模板。 在
步骤条 步骤条是装饰组件的一种，用于引导用户按照流程完成任务的导航条。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“步骤条”组件至画布空白区域，如图1。 图1 步骤条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
开发环境：开发者专门用于开发应用的环境，用户可根据需求自定开发配置各种逻辑模块化元素，从而创建各种应用。 沙箱环境：在应用正式发布上线前，需要在测试环境进行测试，包含数据配置。 生产环境：应用正式发布上线的真实环境。测试完成后，将应用发布至生产环境，即运行环境，供业务用户使用。 不依赖：不依赖任何环境。
桥接器模板 桥接器为连接前台页面和后台数据的连接器。在进行前台页面开发时，经常要调用后台数据，例如购物车中用户的ID，订单编号，商品信息等，这时需要通过桥接器动态调用后台接口获取后台数据。通过AstroCanvas预置的桥接器模板，您可以自定义桥接器。自定义桥接器时，需要先下载桥
我的素材 操作场景 在我的素材中，管理用户上传的素材，如添加素材、复制素材到其他工作空间、删除素材等。同时，在我的素材页面右侧，可查看资产容量，即所有素材和封面图片的总和。 图1 查看资产容量 新建目录 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。
我的库 操作场景 在我的库中，管理系统预置的和用户自定义的库，如添加库、查看库历史版本等。 系统预置的库，只能执行查看详情、查看历史版本和下载操作。本章节的操作，均以自定义库为例。如何自定义库，请参见如何自定义库。 新建库 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
复制页面 AstroCanvas支持复制页面，减少重复开发，提高交付效率。 复制页面 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在项目列表中，单击页面所在的项目，进入项目。 将鼠标放在待复制的页面上，单击。 在弹出的提示框中，单击“确定”。 输入页面标题，单击“新建”。
趋势 趋势是文本组件的一种，用于展示数据变化的趋势。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“趋势”组件至画布空白区域，如图1。 图1 趋势 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
组件对齐 选中多个组件后，单击右侧配置面板的对齐或分布图标。支持左、水平居中、右、顶、垂直居中、底等多种对齐方式，以及水平和垂直的自动分布方式。 组件对齐 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在页面编辑模式下，选择所需的组件，单击下图红框中图标，进行组件对齐。
删除组件 组件删除后无法恢复，且会影响相关交互的组件，请谨慎操作。 删除组件 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击右键，选择“删除”。 图1 删除组件 您也可以在“图层”中，选中一个或多个组件，单击“删除”。
桥接器预置 通过桥接器动态调用后台的接口，来获取后台数据展示在页面上，支持使用系统预置的桥接器或自定义桥接器。 预置桥接器 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击组件上方的。 图1 单击数据 在数据类型中，选择“桥接器预置”，并选中所需的桥接器。
静态数据 选择该方式时，页面会获取“输入数据”中的静态数据展示在页面上。AstroCanvas已预置了静态数据，您也可以自定义静态数据。 静态数据 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击组件上方的。 在数据类型中，选择“静态数据”。
视频 视频是媒体组件的一种，用于播放MP4、OGG、MOV、WEBM格式的视频。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“视频”组件至画布空白区域，如图1。 图1 视频 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构，可以理解为组件由卡片中基础元素（卡片背景、特效、卡片边框）和视频元素构成。
指标 指标是一种文本组件，用于在可视化页面中显示指标数据。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“指标”组件至画布空白区域，如图1。 图1 指标 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
我的模板 操作场景 在我的模板中，可以查看用户发布的页面模板。 图1 发布为模板 复制页面模板到其他工作空间 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的模板”。 将鼠标放在待复制的模板上，单击。
操作场景 在AstroCanvas中，如下两个场景会使用到页面版本： 场景一：开发者开发好第一个页面版本后，发布呈现给用户。然后继续开发页面但未开发完，此时用户看到的仍然是处于已发布状态的页面，即第一个版本，不会看到开发者未开发完的页面。 场景二：开发者开发某个大屏页面时，希望回
oCanvas付费实例的用户，可申请免费试用AstroCanvas（试用实例版本为Astro大屏应用基础版），有效期为一个月。 购买扩容包增加页面数：在使用AstroCanvas过程中，当页面数达到上限时，可通过购买页面扩容包来增加页面数。 授权IAM用户使用AstroCanva
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
