关闭Vue3框架渲染组件开关 本案例所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图1 界面报错 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在

查看更多 →

自定义组件 自定义组件概述 创建自定义组件 管理自定义组件 自定义组件开发包说明

查看更多 →

ntui.zip，获取该组件包。 返回环境配置，选择“维护 > 全局元素 > 页面资产管理 > 组件”，单击“提交新组件”，将自定义组件包上传至组件库。 图4 上传组件 表2 上传自定义组件参数说明 参数 说明 示例 名字 新提交组件的名称，系统会根据组件包名称自动填充。 widgetdemomintui

查看更多 →

发行说明 组件的描述信息，按需进行设置。此处配置的信息，将会在组件详情页的“概况”页签中进行显示。 自定义组件 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。

查看更多 →

将修改后的组件Widget包，重新打包。 返回AstroCanvas界面，选择“我的资产 > 我的组件”，单击“添加组件”，将3.d中的组件包上传至组件库中。 图3 上传组件 组件名称：组件名称，系统会根据组件包名称自动填充。 操作类型：当前操作的类型，如新增、更新等。 组件ID：资

查看更多 →

图14 选择自定义组件 单击“新建”，弹出上传自定义组件界面，如图15新建自定义组件所示。 图15 新建自定义组件 选择本地已打包好的自定义组件包“imgButton.zip”并上传。 进入标准页面开发页面，在组件页签的“扩展组件”下，找到3中上传的自定义组件，可以将该自定义组件拖至画布中并设置该组件的属性，如图16所示。

查看更多 →

install 组件内部的link连接。 npm link 组件初始化。 insight init 图1 初始化 “1”代表初始化命令。 “2”代表选择语言。 “3”代表组件名称，用户可自定义。 “4”代表组件别名，用户可自定义。 “5”代表组件版本号，用户可自定义。 “6”代表组件的描述，用户根据需求自定义。

查看更多 →

将AstroZero系统预置的模板到本地。 开发自定义组件 基于下载的模板，在本地根据自身业务需求开发组件。 上传组件到组件库并使用组件 将开发完的自定义组件上传到组件库，并在高级页面中使用。 本章节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。参考消费者业务网站（如图1

查看更多 →

发行说明 组件的描述信息，按需进行设置。此处配置的信息，将会在组件详情页的“概况”页签中进行显示。 自定义组件 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。

查看更多 →

} }) 将修改后的组件Widget包，重新打包。 参考开发高级组件中操作，将高级页面组件包上传至组件库中，在页面上中添加该高级页面组件。 当高级页面中拖入widget_demo_mintui高级页面组件后，即可在“页面设置 > 资源”中发现Vue库和MintUI库已加载，表示引用成功。

查看更多 →

在大屏、仪表板中使用自定义组件。只有拥有DataArts Insight FullAccess权限，才能进入开发者平台。 使用限制 自定义组件可跨项目使用。 最多可创建50个自定义组件。 使用自定义组件流程图 图1 开发自定义组件流程图 父主题： 自定义组件

查看更多 →

已发布（绿色）：表示自定义组件已发布，用户可以在大屏/仪表板组件列表中查看并使用该组件。 说明： 不发布自定义组件，大屏/仪表板组件列表不显示创建的自定义组件。 已发布的自定义组件，编辑信息确认后，即使手动改回去，发布按钮也会由置灰变为高亮。 如果开发包删除，组件不能发布。 编辑组件需要重新发布。 开发包 开发包的状态：待上传、已上传。

查看更多 →

自定义背景组件 本章节主要介绍自定义背景组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 自定义背景组件 全局样式 背景色：单击颜色编辑器设置背景颜色。 背景图：设置组件的背景图片，您可以从本地上传图片素材。

查看更多 →

自定义组件说明 新建并开发自定义组件 上传自定义组件 父主题： 组件管理

查看更多 →

在线开发高级组件 使用说明 当低代码平台提供的全局高级组件无法满足您的开发需求时，支持开发者自定义组件包，上传后可在高级页面中使用。自定义组件的开发流程如下： 下载系统预置的组件模板到本地。 基于模板，在本地根据自身业务需求开发组件。 将已开发好的组件上传到组件库。 场景描述 本

查看更多 →

将修改后的组件Widget包，重新打包。 返回AstroZero管理中心，选择“应用管理 > 页面资产管理 > 组件”，单击“提交新组件”，将3中的组件包上传至组件库中。 表2 上传组件参数说明 参数 说明 名字 组件名称，系统会根据组件包名称自动填充。 上传图标 组件的显示图标，本示例不配置。

查看更多 →

}) 将修改后的组件Widget包，重新打包。 返回AstroZero环境配置，选择“维护 > 全局元素 > 页面资产管理 > 组件”，单击“提交新组件”，将3中的组件包上传至组件库中。 图3 上传组件 表2 上传组件参数说明 参数 说明 名字 组件名称，系统会根据组件包名称自动填充。

查看更多 →

在开发高级页面过程中，可以使用预置的组件，快速构建页面；也可以自定义组件构建页面。 开发自定义组件时，可以根据组件功能下载组件模板进行开发。 组件模板名称 功能 widgetVueTemplate 当自定义组件需要使用Vue库时，请选用该模板。 widgetPropertyTemplate 当自定义组件需要通

查看更多 →

新建并开发自定义组件 操作场景 当系统预置的组件无法满足用户需求时，用户可自定义组件包进行上传，在页面中进行使用。在开发自定义组件前，请仔细阅读自定义组件开发规范章节内容，了解组件的开发规范。下面以开发网站中常用的柱状图（vue2+Echarts）组件为例，向您介绍如何开发自定义组件。

查看更多 →

</div> 参考6中操作，在组件库中上传该Widget包。 打开一个高级页面，在设计页面左上方单击，从“自定义”组件中拖出刚创建的Widget至右侧空白页面。 选中该Widget，会在右侧显示该组件的属性配置面板。 在“属性”页签下，“自定义属性列表”区域中可看到自定义的这三个属性，根据需要进行修改。

查看更多 →

。 单击，选择新建并开发自定义组件中自定义的组件包BarGraph.zip，填写基本信息，单击“保存”。 图1 上传自定义组件 表1 上传自定义组件参数说明 参数 说明 组件名字 组件名称，系统会根据组件包名称自动填充。 示例：BarGraph 操作类型 当前操作的类型，如新增、更新等。

查看更多 →