Outline面板与组件管理 #

本章节介绍如何使用Outline面板查看页面结构，以及对组件进行编辑、复制、删除等管理操作，完成首页的组件结构管理。

• 返回概览：首页设计概览
• 相关章节：
  • 入口与Blocks模块
  • 组件选择与基础配置
  • 界面视图与组件操作
  • 操作历史与发布

打开Outline面板 #

点击界面左侧的“Outline”面板按钮，打开页面结构层级视图，查看当前页面中所有组件的树形结构。

说明：Outline面板以树形结构展示页面层级关系，便于快速定位和管理嵌套组件。

查看界面中已添加组件 #

在Outline面板中，可以清晰地查看界面中已添加的所有组件及其层级关系，了解页面的整体结构。

查看已设计首页 #

在预览区域中，可以实时查看已设计首页的实际效果，验证组件布局和样式是否符合预期。

可再次对组件进行编辑 #

在Outline面板或预览界面中选中组件后，可以再次打开配置面板对组件进行编辑，修改属性或样式设置。

可对组件进行复制/删除 #

选中组件后，可以通过右键菜单或工具栏按钮对组件进行复制或删除操作，快速调整页面结构。

提示：复制功能可以快速创建相似组件，删除操作会移除组件及其所有子元素，请谨慎操作。