# 页面组件：通知公告

来源快照：`result_data_new_260518.json`

- 来源 ID：`1966374364737679394`
- 模块：低代码平台e-builder
- 目录：专题学习 - 功能点专题 - 页面图表
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

# 1\. 场景说明

  


公司门户中轮播展示通知公告信息。

展示效果如下：![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709096132829241&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\. 功能简介

  


在页面设计器中，拖入通知公告组件，配置数据源、显示字段，设置头部展示类型与内容轮播方式。  


#   


# 3\. 操作说明

  


1.在页面设计器中拖入通知公告组件。![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709100477390874&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=1157709100421349414&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=1157709104759144460&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=1157709104772358174&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=1157709104759144490&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=1157709113371418638&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=1157709113371418648&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=1157709113415303204&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.头部设置：

（1）图标类型，在头部内容处设置不同图标样式。![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709122047180829&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=1157709121877467242&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.其他设置：

（1）公告条数，设置轮播展示的通告信息数量。![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709126146531338&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=1157709126258262043&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)
