# 功能编辑区
### 重要**概念介绍**
组件可设置的区域分为主区域和从区域（非主区域）。
#### **主区域**：
组件中可单独设置的区域，一个组件中通常包含一个至多个主区域，点击该区域将出现四个选项卡，分别为“模块设置”，“组件设置”，“基本设置”，“模板切换”。部分组件无”模板切换“选项卡。
#### **从区域**：
组件中公共的区域，点击该区域将出现两个选项卡，分别为“模块设置”，“组件设置”。
### 编辑区各选项卡介绍如下：
#### 模块设置：
设置当前选中组件所在模块的公用样式及特性。
注意：
1. 上传模块背景图片之前必须先设置背景图片高度。
2. 为了给可视区模块操作留出空间，在设置模块上下外边距时只有在预览时可以显示效果。
#### 组件设置：
设置当前选中组件的公用样式及特性。
注意：
1. 不同的组件，设置的功能会有一些差别。
2. 在图片列表组件中，设为一列展示时，会出现是否通栏显示选项。
3. 在选项卡组件中，只有点击选中列表区域，布局栏中才会出现列表行数选项。
4. 在侧栏导航组件中，只能选择已添加的模块，且从上往下依次排序,勾选相应模块会实时添加到侧边栏模块中。图片选项：侧边栏导航初始化状态只显示上下图片区域，可设置它显示或隐藏。
#### 基本设置：
设置当前组件选中的主区域样式及特性。
注意：
1. 在选项卡组件中，设置tab的背景图片时，tab的高度可在"组件设置"->"菜单栏"选项中设置。
2. 在侧边栏组件中，只有在“组件设置”->“布局选项"中勾选了模块并在视图区选中模块时才能出现"基本设置"栏。
3. ”是否同步样式到其他列表“，当勾选该选项时部分设置会同步到其他列表，如圆角，角标的显示隐藏等，取消即表示单独设置该主区域的样式，但为了不影响布局，列表图片高度是强制同步的。
4. 在图片列表组件中，设置为一列展示时，提供"热区"设置选项。所谓[热区](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/area)，即表示可在该图片中自由定义可点击跳转区域。
#### 模板切换：
切换当前选中组件的主区域展示模板。
注意：
1. 切换模板时，同在一个组件中且同一类型的模板列表强制统一切换。
2. 轮播图，图片列表，侧边栏导航无模板切换选项。
### 其它注意事项：
1. 所有需要上传图片的选项，请先设置图片宽高；为保证图片正常显示，如果已经上传，在重新调整图片宽高后请重新上传图片；网速不稳定或频繁上传图片可能会出现图片加载显示延迟。
2. 如果上传图片的实际高度或宽度小于设置的图片高宽，图片将不被裁剪而是询问是否直接上传，图片将会被拉伸至设置的大小展示，为保证图片正常显示，强烈建议上传图片尺寸大于设置的宽高尺寸。
