UI编辑-华为云

产品数字化协同平台云服务-物料及模板:编辑组件

编辑组件编辑组件在画布中的位置选中组件后，可以继续通过拖拽的方式移动组件所处的位置，进而改变整个页面的布局。选中组件后，在画布中会在组件周围用一个方框，框中当前所选的组件。通过快捷按钮调整组件位置。图5 移动组件表1 快捷按钮图标名称说明选择父级选择当前选中组件的父级组件。移动至上一级当前选中组件在父组件中向上一层移动。移动至下一级当前选中组件在父组件中向下一层移动。复制复制当前选中组件至同一层级。删除删除当前选中组件。编辑组件的属性、高级属性等选中组件后，可以在右侧组件属性面板区设置所选组件的相关属性及高级事件等。

产品数字化协同平台云服务 UI编辑器使用帮助

产品数字化协同平台云服务-物料及模板:选中组件

选中组件在画布中选中组件在画布中可以直观地看见已拖入的组件，鼠标单击即可选中组件。优点：能在画布中直观地看见组件。缺点：当组件层级嵌套过多时，直接选中父组件将变得困难。图2 在画布中选中组件在大纲树中选中组件在左侧大纲树插件中，以树的形式展示了当前页面中所有的组件，单击树节点即可选中画布中的组件。优点：能够轻松选中画布中的所有组件。图3 在大纲树选中组件在底部节点树种选中组件底部节点树展示了从根节点到当前选中组件的层级节点，可以直接单击底部的节点树的某一个节点，选中父组件。优点：能够直观看见当前节点相关的父层级，以便快速选中。缺点：需提前选中某一组件，且只能选中当前组件的相关父组件，无法选中所有组件。图4 在底部节点树种选中组件

产品数字化协同平台云服务 UI编辑器使用帮助

工业数据管理及协同云服务-首页介绍:编辑器首页

编辑器首页图1 UI编辑器页面工具栏：汇集了系统常用操作，包含清除画布、刷新画布、保存画布、预览、发布、撤销、回退、全屏、国际化切换、注销登录。插件：系统、页面级内容管理，包含物料管理、大纲树、国际化、页面JS、状态管理、资源管理、页面Schema几个模块。物料：页面编排时用到的组件。导航树：展示电子流节点信息并作为页面管理入口，包含页面的复制、粘贴，绑定页面生命周期。画布：页面绘制，包含页面元素的新增、复制、删除、顺序调整。设置面板：页面属性配置、高级配置。

工业数据管理及协同云服务 UI编辑

产品数字化协同平台云服务-首页介绍:编辑器首页

编辑器首页图1 UI编辑器页面工具栏：汇集了系统常用操作，包含清除画布、刷新画布、保存画布、预览、发布、撤销、回退、全屏、国际化切换、注销登录。插件：系统、页面级内容管理，包含物料管理、大纲树、国际化、页面JS、状态管理、资源管理、页面Schema几个模块。物料：页面编排时用到的组件。导航树：展示电子流节点信息并作为页面管理入口，包含页面的复制、粘贴，绑定页面生命周期。画布：页面绘制，包含页面元素的新增、复制、删除、顺序调整。设置面板：页面属性配置、高级配置。

产品数字化协同平台云服务 UI编辑

产品数字化协同平台云服务-首页介绍:编辑器首页

编辑器首页图1 UI编辑器页面工具栏：汇集了系统常用操作，包含清除画布、刷新画布、保存画布、预览、发布、撤销、回退、全屏、国际化切换、注销登录。插件：系统、页面级内容管理，包含物料管理、大纲树、国际化、页面JS、状态管理、资源管理、页面Schema几个模块。物料：页面编排时用到的组件。导航树：展示电子流节点信息并作为页面管理入口，包含页面的复制、粘贴，绑定页面生命周期。画布：页面绘制，包含页面元素的新增、复制、删除、顺序调整。设置面板：页面属性配置、高级配置。

产品数字化协同平台云服务 UI编辑

云服务器内容精选

UI编辑

7*24

备案

专业服务

退订

建议反馈

售前咨询热线