# 通知公告

来源快照：`result_data_new_260518.json`

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

## 正文

## 一、功能背景及价值用途

通知公告组件是用于在网页或应用中实时展示重要信息的UI元素，常见形式包括顶部横幅、弹窗、悬浮卡片等。其核心功能是向用户传递系统通知、更新提示、活动公告或紧急消息，通常具备可关闭、自动轮播、高亮样式等特性。这类组件需兼顾视觉醒目与用户体验，支持响应式设计，并可通过点击跳转或展开详情实现交互，常用于系统维护、新功能推广等场景。

## 二、功能概述及使用说明

### 1、功能入口

【页面设计器】-【基础组件/数据展示类】-【通知公告】-拖拽到设计器内，头部显示类型默认为图标。当未设置数据源、显示字段时，展示效果如下图。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1160550049571954726&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/sp/ebdpage/view/freepass/1152863419640021002?id=1159789715744890921&freepass_doc=1&space_id=1157961794811633670 "具体功能介绍")

### 3、数据源

使用时需先配置数据源，通知公告组件从对应数据源获取配置的数据进行显示。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1160550947237724272&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)

### 4、显示字段

配置好数据源后，可以在显示字段中自定义配置通知公告中需要显示的字段数据

![](https://weapp.eteams.cn/papi/file/preview?fileId=1160551084667461649&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)

 

### 5、数据过滤

当只需要展示满足指定条件的数据时，可以配置数据过滤对数据进行筛选。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1160549860557635665&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)

### 6、头部设置

通知公告组件可以自定义显示头部内容，支持图标、文字两种类型设置，默认为图标类型；默认头部内容为小喇叭图标，也支持配置自定义图标、文字。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1160550006712352779&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)

 

### 7、排序字段

针对字段可以配置排序规则进行排序，数据将按照配置的排序规则显示。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1160550942909202476&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)

 

### 8、其他配置项

#### 8.1 显示总数

当启用标题时，开启显示总数，标题上显示当前数据的总数

![](https://weapp.eteams.cn/papi/file/preview?fileId=1160551187841876028&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)

 

#### 8.2 数据预加载

当数据预加载开启后，会将数据缓存在前端，下一次加载时将优先使用缓存中数据进行渲染，待后端接口获取最新数据后再进行渲染更新；开启此配置时，会减少不必要的数据请求，优化加载速度和显示效果。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1160550448987963449&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)

 

#### 8.3 公告条数

自定义设置通知公告中显示的最大的数据总数

![](https://weapp.eteams.cn/papi/file/preview?fileId=1160550848358170637&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)

 

#### 8.4 轮播方式

数据切换时效果，支持配置上下滚动和左右切换两种轮播方式。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1160550414535123003&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)

## 三、使用注意点

使用时需先配置数据源和显示字段，同时字段有配置数据，通知公告中才会显示对应内容，否则显示空白。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1160550049571954726&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)
