图层面板主要用于展示画布中各个图元组件之间的层级关系，包括直接操作图元的组合、锁定、删除等功能。
什么是图层？
图层是多个图元组件在页面中按顺序叠放在一起，组合起来的效果叫图层，但在组态设计时，单个画面的多个图元组件没有存在交集（即没有重叠）时可视为在同一平面，也就是在同一个图层。
图层
图层面板区域位于 web 编辑器的右侧，默认为启用状态，可在编辑器底部工具栏>更多中进行关闭。
功能应用
在图层面板中，可以直接对图元进行拖拽变更图层、多图元组合、锁定、删除、图层调整等功能。
预览图
在图层面板中，可以直接显示画布中个图元的预览图，快速定位图元的位置，此功能默认关闭，可点击启用。
删除
在画布中的图元支持的删除方式包括：使用键盘快捷键Delete，可以再图层面板中点击按钮删除选中的图元组件。
锁定
工程设计过程中，当页面中图元组件过多时，容易误移或误删某个图元组件，此时可将此图元进行【锁定】，选中需要锁定的图元，在图层面板中点击即可锁定该图元（尺寸大小和位置），被锁定的图元不可被选中。
在图层面板中，当组件出现![图片跑丢了]图标时，说明该组件被锁定，再次点击即可解锁。
当两个图元重叠且上层图元尺寸大于下层图元时，可将上层图元进行锁定，就可以点击选中下层图元了。
如下图所示，尺寸相等的五边形和圆形，五边形的图层位于圆形上层，将五边形锁定后，选中的图元为下层红色的圆形
分组
当页面中存在多个同类的图元组件和，可以将此类的图元组件分成同一个组，方便管理，点击图层面板中的按钮创建分组，创建分组后，可以再列表中点击选中需要的组件，直接拖拽到指定分组中，同理可直接拖拽出当前分组。
对于已经创建的分组支持如下操作：
| 图标 | 属性 | 说明 |
|---|---|---|
| 修改 | 修改当前选中分组名称（选中图元组建时，修改图元的名称） | |
| 删除 | 删除当 前选中分组，删除分组的同时会删除分组中的图元组件，请谨慎操作！ | |
| 展开 | 表示当前分组已经展开，点击折叠当前选中分组 | |
| 折叠 | 表示当前分组已经被折叠，点击展开当前选中分组 |
选中需要分许的图元组件，点击按钮即可将选中的图元组件创建为一个分组。
组合分离
当画面中需要对多个图元进行操作，如复制，移动位置时，可以将多个图元进行组合便于操作，选中多个组件后，右键鼠标点击组合，或者点击图层面板中的按钮，进行图元组件的组合。
对于已经组合的图元组件，可以使用右键功能中的分离，或者点击图层面板中的按钮将组合的图元拆分为原来的单个组件。
改变图层
当页面中有多个图元组件重叠时，需要改变组件的图层来遮盖或显示，此时可以通过图元的右键属性中的【层级操作】来改变选中图元的图层， 也可以直接在图层面板中选中需要改变图层的图元组件 ，使用鼠标上下拖拽的方式来改变图层，向上拖拽即图层向上，向下拖拽即图层向下。
也可以在选中图元后点击相应图标来对图元的图层进行调整
| 图标 | 属性 | 说明 |
|---|---|---|
| 最顶层 | 将选中图元置为整个画面图元图层的最顶层 | |
| 最底层 | 将选中图元置为整个画面图元图层的最底层 | |
| 上一层 | 将选中图元上移一层 | |
| 下一层 | 将选中图元下移一层 |