检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
约束限制： 不涉及。 取值范围： 不涉及。 默认取值： 不涉及。 instanceLabel 否 String 参数解释： 实例标签，可以内嵌系统变量。 约束限制： 不涉及。 取值范围： 不涉及。 默认取值： 不涉及。 laneSet 否 object 参数解释： 泳道信息。 约束限制：
约束限制： 不涉及。 取值范围： 不涉及。 默认取值： 不涉及。 instanceLabel 否 String 参数解释： 实例标签，可以内嵌系统变量。 约束限制： 不涉及。 取值范围： 不涉及。 默认取值： 不涉及。 laneSet 否 object 参数解释： 泳道信息。 约束限制：
组件预置桥接器配置示例 “组件属性设置 > 数据”页签中，主要参数说明如下： 桥接器实例：调用的桥接器名称，可从下拉框中选择该组件已配置的桥接器。如何在组件中配置桥接器，请参见在组件中使用通用桥接器。 数据类型 > 静态数据：获取桥接器中定义的静态数据作为该组件的数据来源，也可以在静态数据编辑器中修改或重置静态数据。
边框圆角：设置图表的边框圆角。 坐标系位置：设置坐标系与组件上下左右边距距离的百分比。 数据 在数据中，设置组件的数据来源。更多介绍，请参见如何调用后台接口。 图4 设置组件数据 事件 在事件中，查看组件可配置的事件列表。更多关于事件的介绍，请参见初识事件-动作。 图5 设置事件 父主题：
图5 设置入参、出参 在服务编排设计页面左侧，选择“连接器 > AI”，拖拽“ModelArts”图元至画布中。 ModelArts是系统预置的与ModelArts对接的接口。 图6 拖拽ModelArts图元至画布中 选中ModelArts图元，在右侧单击，选择创建Mode
参考开发一个简单脚本实例中操作，创建一个空白脚本。 图3 新建一个空白脚本 在脚本编辑器中，输入如下代码。 //导入该脚本所依赖的标准库文件。es是系统预置的标准库。 import * as es from 'es' / ES模块部分脚本接口调用示例 */ let indexName1
如下JS代码仅为示例，请根据实际情况修改示例中表单名称（form_0）和字段名称（data.name）。更多自定义JS脚本介绍，请参见如何通过JS代码，实现页面与后台接口间的交互。 let data = $model.ref("form_0").getData(); //一些特殊字段数据处理
在服务编排设计页面左侧，选择“连接器 > AI > ModelArtsPro”，拖拽“ModelArtsPro”图元到画布中。 ModelArtsPro是系统预置的与ModelArts Pro对接的接口。 图11 拖拽ModelArtsPro图元到画布中 选中ModelArtsPro图元，单击。
Input、Call Device Service。 连接线命名 在服务编排的图元中，除了Decision连接线外，其他图元的连接线采用系统的固定命名。 Decision连接线名称使用英文，采用单词首字母大写，一般不要超过三个单词。采用动词和名词短语的形式，尽可能简明、准确的描述该条件的判断逻辑。
选择“分栏”组件在PC端和移动端下“栏”的布局形式。“PC”属性中可以依据图示选择“分栏”组件，在PC端包含多少个“栏”。 为了方便说明，如何使用“分栏”组件实现自适应布局，向画布中拖拽一个“分栏”组件，在“PC”下选择从左到右三个“栏”的布局形式。向每个“栏”中拖拽一个“标签”
参考创建空白AstroZero脚本中操作，创建一个空白脚本。 在脚本编辑器中，输入如下代码，调用一个CSS连接器，并实现索引操作。 //导入该事件所依赖的标准库文件。es是系统预置的标准库。 import * as es from 'es' / ES模块部分事件接口调用示例 */ let indexName1
代码维护。 使用语言 Vue是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是可以自底向上逐层应用Vue。Vue易于上手，也便于与系统进行整合。 开发自定义组件前，请先了解JS和Vue相关知识，具备一定的JS和Vue开发经验。 自定义组件结构 自定义组件包，目录结构如下。
发布成功后，单击，可查看页面效果。 基于预置组件进行自定义 如果需要修改导航路由的展示效果，例如在导航路由中增加一个路由标签，可基于预置的路由导航组件进行定制。 参考如何登录经典版环境配置中操作，登录经典版环境配置。 在左侧导航栏中，选择“应用管理 > 页面资产管理 > 组件”。 在“全局”组件中，单击“路由导航(示例)”，进入组件详情页面。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
