页面已有组件列表是为了：

1.帮助用户更方面直观地了解当前页面组件构成

2.方便针对选定组件并针对其进行特定操作

一.如何打开页面已有组件列表？

点击工具条上，如图红框处。即出现页面已有组件列表

二.列表展现的是什么内容？

列表内展现当前页面由上至下由左至右依次使用的组件。

三.页面已有列表组件能实现什么功能？

点击：点击列表内组件，等同于点击手机框内组件。触发展开右侧编辑栏

移动：点击拖动列表内组件，将其放置于列表任意位置。对应手机框内组件位置也一同移动。反之移动手机框内组件位置产生同等效果

删除组件：鼠标悬浮至列表内某个组件。右侧出现“删除”图标，点击图标即可删除对应组件

头部导航显示和隐藏设置：鼠标悬浮至列表内“头部导航”，右侧出现“眼睛”图标，点击眼镜即可隐藏，再次点击即可显示。

部分样式支持单独对头部和导航进行隐藏。

展开容器组件：点击双栏、底板以及部分头部导航。可展开显示其下级（放置在这些容器内的组件）