页面操作

页面操作区默认有组场景、组件详情、页面设置三个区。

页面操作 - 图1

组场景

组场景区呈现了组件在页面中的位置、样式等实际显示状态。

页面操作 - 图2

编辑模式

编辑模式是可以对组件的拖动、缩放、复制、导出导入等编辑页面操作。以下对选中的组件操作介绍(鼠标右键点击操作区某组件):

  • 【复制】 点击即可复制选中组件

  • 【删除】点击即可删除选中组件

  • 【复制样式】 点击复制样式,再选择其他组件右键选择粘贴样式即可添加上复制的样式

  • 【粘贴样式】 需先复制样式后,点击粘贴样式按钮后才能复制样式

  • 【导出节点】 导出是节点数据,需要手动复制后再对其他节点选中后选择导入节点即可

  • 【导入节点】 输入完整的节点数据保存即可

  • 【重载节点】 刷新节点的操作

  • 【上移、下移、置顶、置底】 控制所选节点的层级关系,即组件覆盖问题。

操作竖列

鼠标悬浮有相应的文字描述

  • 【撤销】 相当于ctrl+z,到上一步

  • 【恢复】 相当于ctrl+y,到下一步

  • 【预览】 模拟真实情形页面

  • 【保存】 对该页面的编辑进行保存

  • 【参考线】 对组件的放大缩小、位置移动等操作时会出现参考线作为比对,可以控制网格颜色的选择、参考线、手机框线等是否开启

预览模式

这里的预览模式和上面操作竖列中的预览模式的区别在于,上面的预览模式外围有模拟的手机壳和二维码。

页面操作 - 图3

组件详情

用于展示组件信息

页面设置

这里的页面设置是根据组场景中的编辑的页面生成信息页面操作 - 图4