元素树状图（右侧面板）

在 WebAcappella 中，右侧面板始终可见，在页面元素管理中起着至关重要的作用。它提供了完整的页面结构层次视图，可轻松与每个组件进行交互。

右侧面板介绍

右侧面板分为多个部分，但编辑时最重要的部分是元素树。

该树形结构以有序列表形式显示页面所有元素，并与工作区保持同步。

它允许您：

✔ 查看元素（框、行、列、组件）的完整层次结构。

✔ 快速选择元素，即使该元素在工作区难以访问。

✔ 在层次结构中移动元素以重新组织版面布局。

通过树形结构选择元素

1. 在树形结构中找到所需元素。
2. 点击该元素：它将在工作区中自动被选中。
3. 所选元素及其属性将显示出来，以便快速修改。

在树形结构中移动元素

1. 点击某个元素并保持按住状态。2. 将其拖拽至层级结构中的新位置。3. 松开鼠标以重新定位该元素在页面结构中的位置。

使用右侧面板的优势

✔ 更精确的选择：非常适合抓取工作区上重叠或难以点击的元素。

✔ 清晰的层次结构视图：实现页面的结构化组织。

✔ 节省时间：无需放大或寻找隐藏元素，所有内容均清晰列出。

✔ 移动更轻松：重新排列元素比直接在工作区上操作更快捷。

最佳实践

✔ 使用树形结构在元素间快速导航。

✔ 移动元素时请谨慎操作，以免破坏页面布局。

✔ 在工作区和树形结构之间切换，以获得更流畅的编辑体验。