检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何引入第三方库 使用说明 在高级页面组件开发过程中，低代码平台支持开发者直接引用第三方库，在降低组件开发复杂度的同时，丰富了组件的功能。库是支撑高级页面组件运行的第三方依赖，若缺少相应的库，则高级页面组件不能正常运行。 低代码平台提供了一些系统预置库，若不满足现有需求，支持开发者制作并上传新的库。
在左侧导航栏中，选择“全局元素> 页面资产管理 > 库”。 在库列表中，单击对应的库，进入库详情页面。 在库详情页单击“下载”，即可下载库到本地。 您也可以在“更改历史”页签中，查看该库的历史版本（按照版本依次排序显示，最近版本号在最上面），选择不同版本的库进行下载。 禁用库 在
</el-form-item> </el-form> </div> 参考6中操作，在组件库中上传该Widget包。 打开一个高级页面，在设计页面左上方单击，从“自定义”组件中拖出刚创建的Widget至右侧空白页面。 单击页面上方的，保存高级页面。 切换环境语言，在不同语种下，在页面中选中拖出的Wi
get”，单击“提交”。 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。
哪里设置的？ 图1 桥接器实例 解决方法 当组件中定义的桥接器属性设置的model值和桥接器中定义的model值相同时，桥接器实例选项可选到这些桥接器。 例如，查看组件editor.js文件中model值为“SingleRepireDataViewModel”，查看“折柱图数据桥
管理组件模板 查看组件模板详情 参考登录管理中心中操作，登录AstroZero管理中心。 在左侧导航栏中，选择“应用管理 > 页面资产管理 > 组件模板”。 在“全局”页签中，单击对应的组件模板。 租户：展示用户自定义的组件模板，AstroZero支持增加、删除和修改自定义的组件模板。
管理组件模板 查看组件模板详情 在AstroZero服务控制台，单击“进入首页”，进入应用开发页面。 在页面左上方单击，选择“环境管理 > 环境配置”，进入环境配置。 在顶部主菜单中，选择“维护”。 在左侧导航栏中，选择“全局元素 > 页面资产管理 > 组件模板”。 在“全部”页签中，单击对应的组件模板。
高级页面中预置的API 在开发高级页面过程中，系统为页面组件和桥接器提供了一些预置API。 组件 在开发自定义组件时，需要定义“组件名.js”文件，该文件为组件逻辑文件，是整个组件的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明，请参见表1。
Astro大屏应用可以从A环境导出，然后从B环境导入，从而实现不同环境之间的大屏资产快速迁移。 前提条件 若大屏页面的某些数据来源于某个轻应用或行业应用里定义的接口，您需要先将该接口所在的应用发布到B环境（沙箱或运行环境），并在B环境中安装该应用。 轻应用或行业应用发布到沙箱或运行环境的
</el-form-item> </el-form> </div> 参考6中操作，在组件库中上传该Widget包。 打开一个高级页面，在设计页面左上方单击，从“自定义”组件中拖出刚创建的Widget至右侧空白页面。 选中该Widget，会在右侧显示该组件的属性配置面板。 在“属性”页签下，“自定义
在步骤三：创建高级页面中创建的高级页面中，单击左上角的，选择“全部”，在“自定义”页签，拖拽“userLogin”组件到页面编辑区。 设置自定义组件“userLogin”的位置属性。 将“userLogin”组件拖拽到页面编辑区后，会在右侧显示该组件的属性配置面板。 在“位置”中，设置“距离左端”、“距离顶
文本编辑器组件，用于在页面插入文字。 在高级页面设计器中，单击，从“文本 > 通用”中，拖拽“文本”组件到画布中，如图1所示。 图1 文本 属性 在属性中，设置文本组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
设置AstroZero标准页面输入框组件属性 输入框是基础输入组件，输入框中的内容可以通过鼠标或键盘输入。输入框一般在有需要输入内容、提供组合型条件查询或有其他资料需要提交时使用。 图1 输入框组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
在高级页面设计器中，单击，从“装饰 > 通用”中，拖拽“自定义背景框”组件到画布中，如图1所示。 图1 自定义背景框 属性 在属性中，设置自定义背景框组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
在高级页面设计器中，单击，从“媒体 > 通用”中，拖拽“轮播”组件到画布中，如图1所示。 图1 轮播 属性 在属性中，设置轮播组件的位置、边框、连接器等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
在高级页面设计器中，单击，从“媒体 > 通用”中，拖拽“图片”组件到画布中，如图1所示。 图1 图片 属性 在属性中，设置图片组件的位置、边框、连接器等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
在高级页面设计器中，单击，从“图表 > 水位图”中，拖拽“基本饼图”组件到画布中，如图1所示。 图1 水位图 属性 在属性中，设置基本饼图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
在高级页面设计器中，单击，从“图表 > 柱状图”中，拖拽“基本柱图”组件到画布中，如图1所示。 图1 基本柱图 属性 在属性中，设置基本柱图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
在高级页面设计器中，单击，从“图表 > 饼图”中，拖拽“基本饼图”组件到画布中，如图1所示。 图1 基本饼图 属性 在属性中，设置基本饼图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
设置应用 切换应用 例如，从当前A应用切换到B应用。在5G消息应用开发界面右上角，单击该应用后的，选择B应用，即可完成切换。 参考如何登录5G消息应用开发平台中操作，登录5G消息应用开发平台。 在页面右上角，单击该应用后的。 在切换应用中，单击目标应用。 图1 切换应用 修改应用名称
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
