1. 图层概念

这里的图层与PS中的图层是一个意思，在图层控制区可以对每一个图层进行编辑。

1.1. 1.图层核心功能

从上到下依次表示为：

如需进行图层之间的层级切换，只需在图层列表中上下拖拽即可

推荐横向划分布局，将页面成一个个区域(每个区域为一个大容器)，再到每个横向区域中细分其中的元素(大容器中的子容器)进行布局设置，推荐每个元素放置于容器的中间位置；这里以官网头部为例，每个红框可视为一个容器；

皮肤设计器中图层结构示例

[!tip] 可以双击容器，给容器重命名，并设置容器的class名称预览代码可以看到会生成对应注释

[!tip] 在父容器中可以设置子元素的布局方式

相同的布局(如导航条中每个导航项)，直接复制即可，无需多次拖拽

有容器没有设置class名称，导致样式异常；规范设计，每新增容器都要规范命名；

拖拽

定位

切换移动端，再设计样式即可(图标没有显示，按住shift刷新页面)