# 折叠面板

来源快照：`result_data_new_260518.json`

- 来源 ID：`1183675562238353432`
- 模块：低代码平台e-builder
- 目录：页面引擎 - 页面设计器 - 页面组件 - 基础组件 - 基础组件/导航类
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

## 一、功能背景

随着用户场景的搭建，折叠面板组件旨在帮助用户可以快速搭建出目标场景。

## 二、功能概述

折叠面板组件支持创建多个面板，面板可以收缩和展开，每个面板允许拖入多个组件放入其中。

## 三、场景介绍

在页面设计器上使用折叠面板组件，可以达到分组折叠的效果。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1163330022936330242&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 四、功能说明

### 1、面板项

通过属性面板的面板项配置，可以对面板进行新增或删除等操作。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1163330022939361296&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

### 2、显示设置

面板的展开效果分为两种，一种是互斥，一种是并列。

互斥：存在多个面板时，展开其中一个面板，其他面板都会收缩。

并列：存在多个面板时，展开或收缩面板，互不影响。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1163330022939361319&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

 

### 3、前台运行效果

![](https://weapp.eteams.cn/papi/file/preview?fileId=1163330027164188676&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 五、上下游关联功能点

一、

组件样式

二、

组件事件动作

三、

组件权限
