> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 公告栏

> 了解如何通过门户编辑器中的公告栏组件快速上传图文摘要，并详细设置组件样式、标题栏以及配置内容。包括动态和静态数据源的选择与配置，以及公告配图的添加方法。

## 1. 功能简介

您可以快速上传图文摘要，将以公告方式呈现

## **2. 功能入口**

【选择任意应用】——【编辑门户】——【公告栏组件】

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1688369076320-558bc418-5163-4dad-bfba-8428668c7e97.png)
</Frame>

## **3. 设置步骤**

您可以通过配置以下组件属性来调整最终的组件使用效果。在门户中添加公告栏组件后，您可以：

### 3.1 切换组件样式

点击“切换外观样式”按钮，按需切换组件样式。目前支持以下4种展示方式。

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1688369119078-8386e885-e84e-46aa-af7c-b26b0c122b74.png)
</Frame>

### 3.2 调整标题栏

支持 控制是否“显示标题”，更改“标题名称”，设置“帮助提示”，控制是否开启“查看更多”配置，开启后需要设置“查看更多”的跳转地址。

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1688369184843-9bce81fb-79ff-43ee-bc26-c01fdf496443.png)
</Frame>

### 3.3 配置内容

#### 3.3.1 配置公告数据来源

您可以配置公告的数据来源，支持2种数据源：动态数据源、静态数据源

<table>
  <tr>
    <td rowSpan={6}>![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1688369300276-b4344824-c294-4d79-990d-3a60c6cebbdf.png)<br />动态数据源</td>
    <td><ul><li>内容来源：选择某应用下的表单</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>标题：映射关联底表表单的字段，如名称</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>日期：映射关联底表表单的字段，如日期</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>链接：映射关联底表表单的字段，如链接</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>筛选条件：选择某表单后，可设置该表单的数据筛选条件</li></ul><br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1688369543484-c6d5d26f-6448-4994-82aa-c306aa04c6e5.png)</td>
  </tr>

  <tr>
    <td><ul><li>数据条数：支持设置“数据条数”，根据“数据条数”实时显示最多可见的公告数量，如需查看所有清单，可点击“更多”前往查看</li></ul></td>
  </tr>

  <tr>
    <td rowSpan={3}>![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1688369637376-604c7494-ce2f-4f58-9516-03e83bbf5955.png)<br />静态数据源</td>
    <td><ul><li>标题：自定义标题名称</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>日期：自定义日期</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>链接：自定义链接类型，支持打开内部页面 或 打开外部链接</li></ul></td>
  </tr>
</table>

#### 3.3.2 配置公告配图

<table>
  <tr>
    <td rowSpan={3}>![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1688370023842-15aa47b3-8b69-4ea8-b5e8-95ac97fe5470.png)<br />公告配图</td>
    <td><ul><li>图片：选择图片</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>缩放规则：支持铺满、适合、拉伸展示</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>链接：自定义链接类型，支持打开内部页面 或 打开外部链接</li></ul></td>
  </tr>
</table>