界面介绍 ​

可视化设计页面整体分为 5 个区域，分别为：① 顶部操作区、② 树型操作区、③ 物料区、④ 画布区、⑤ 属性面板区

顶部操作区 ​

从左到右依次为：当前应用名称，当前设计页面撤销和重做操作项，打开设计状态的页签（双击页面树上的页面后出现），当前设计页面操作项（包括：保存、预览、套用模版、存为模版偏好设置、快捷键）

树型操作区 ​

此区域分为四个功能：页面、接口、模型、流程，其中移动端目前只支持页面相关功能。

在页面功能下有三个标签：页面列表、页面逻辑、元素层级。

页面列表 ​

此区域管理应用的页面和复用组件，可以根据业务分层在树上创建目录，出码时的文件目录会按照用户这里创建的目录结构进行文件管理。

移动鼠标到树节点上，会在右侧出现对应节点的更多操作图标按钮，点击该图标按钮处查看对应节点允许的操作，并根据需要点击对应操作项。

对页面和组件节点进行双击操作，可打开页面或组件的设计画布，并在物料区出现公共的物料组件。

说明 ​

移动端根目录更多操作包括：项目出码，同步到仓库（待完成）

默认移动端目录下默认节点包括：页面（pages）、组件（components）。

页面和组件的根目录更多操作只能：添加目录。下级目录更多操作：添加目录、添加页面/组件、重命名、删除。

页面的更多操作包括：设为首页、设为登录页、重命名、复制、删除。其中如果当前页面已经被设为首页或登录页，则只能进行重命名和复制。

组件的更多操作包括：重命名、复制、删除。

页面逻辑 ​

在当前有页面或组件的设计页签处于激活状态时，单击页面逻辑标签项，页面树会切换为当前页面或组件的逻辑树。

页面层级 ​

在当前有页面或组件的设计页签处于激活状态时，单击页面层级标签项，页面树会切换为当前页面或组件的层级树。

物料区 ​

• 在当前有页面或组件的设计页签处于激活状态时，此区域展示的是公共组件物料。
• 在当前有逻辑的设计页签处于激活状态时，此区域展示的是公共逻辑物料。

画布区 ​

• 在当前有页面或组件的设计页签处于激活状态时，此区域展示的是页面或组件的设计画布，可从物料区根据业务需要拖拽基础组件或业务组件到画布进行设计开发，组装为我们想要的页面或组件。
• 在当前有逻辑的设计页签处于激活状态时，此区域展示的是逻辑的设计画布，可从物料区域根据业务需要拖拽逻辑单元到画布进行设计开发，组装为我们想要的复合逻辑。

属性面板区 ​

属性面板可以通过单击个类别节点来展示不同类别节点的属性，包括但不限于页面树节点、逻辑树节点、层级节点、画布中的元素节点。