---
order: 2
---
# 门户布局方式

门户的布局方式即用来设置门户内容的下级节点的展示样式。只有文件夹节点可设置布局方式。

## 默认布局方式{#default}

系统内置了丰富的门户模板，在每类模板中节点都有默认的布局方式，布局方式为：

1. 除幻灯片和首页门户类型外，其它门户默认模板布局方式是顶部标签页+左侧树形式
2. 可以设置每个目录节点的布局方式，该设置只影响该目录下的资源，不会影响到下一级目录

## 设置布局方式{#setts}

在门户设计器内容区，选择文件夹节点>**内容属性栏**>**布局方式**，在下拉列表中选择对应的布局方式后，即可在右侧的预览区预览效果

![设置布局方式](./images/2020-04-29-20-45-58.png)

:::tip

1. 未选中节点时，即设置一级节点的布局方式。
2. 节点的布局方式，作用的范围是直接下级节点，每一个节点都只能控制下一级的布局方式。
   :::

## 布局方式类型{#type}

门户的布局方式有[左侧树](#left-tree)、[标签页](#tabbar)、[子菜单](#submenu)、[缩略图](#thumbnail)。各种类型之间可以进行组合布局，如在一级资源节点布局方式为标签页，二级资源节点为子菜单。

各种布局方式的规则如下：

| 布局类型 | 规则                                                         |
| -------- | ------------------------------------------------------------ |
| 左侧树   | 如果上级节点是左侧树，当级节点选择左侧树时，表示作为当前树的节点布局，而不是生成一棵新的树 |
| 标签页   | 1. 标签页布局不能嵌套，即标签页布局下的子资源不能再设置为标签页布局<br />2. 标签页布局只支持二级资源的展现形式为标签页，即在一级资源设置布局方式为标签页 |
| 子菜单   | 一级资源不能使用子菜单布局                                   |
| 缩略图   | 以缩略图形式展示二级目录下的资源，如果是文件夹则展示文件夹的缩略图                            |

:::tip
首页型模板资源节点不能是目录或文件夹，故不支持设置布局方式。
:::

### 左侧树{#left-tree}

下级资源节点在门户的左侧以树的形式展示

![左侧树](./images/2021-04-09-10-40-49.png)

### 标签页{#tabbar}

当前资源下的节点以多个标签页的形式展现。

![标签页](./images/2021-04-09-10-41-21.png)

### 子菜单{#submenu}

在当前节点下，子节点的内容以菜单列表的形式展现在当前节点下，点击节点名称即可出现子菜单列表。

![子菜单](./images/2021-04-09-10-41-52.png)

### 缩略图{#thumbnail}

以缩略图形式展示二级目录下的资源，有**分组**和**大纲**两种方式。缩略图缺省情况下，系统会自动截取一个缩略图；也可以自定义缩略图，有如下有两种设置方法：

1. 在**门户内容区**>**选中节点**>**高级**>**缩略图**中设置，可设置默认、静态图片以及URL。当门户中新增的节点，链接引用外部资源时，只能使用此方式设置缩略图
2. 拖入的资源，可右键节点定位该资源，**右键资源**>**属性**>**缩略图**>**PC预览**中，点击上传即可。该方法上传的缩略图优先级低于在门户内容区中设置的缩略图

![缩略图](./images/2021-04-09-14-24-35.png)