---
title: Welcome 欢迎页
group:
  title: 提示
  path: /welcome
  order: 1
---

通用AI智能体引导首页

## 示例

<code src="../../examples/Welcome"></code>

<a id="WelcomeProps"></a>
## Props

| 属性      | 类型                | 是否必传 | 默认值                     | 说明         |
| --------- | ------------------- | -------- | -------------------------- | ------------ |
| header    | HeaderConfig        | 否       | undefined                  | 顶部区域配置 |
| content   | ContentConfig       | 否       | undefined                  | 快捷指令配置 |
| footer    | React.ReactNode     | 否       | `'内容由AI生成，仅供参考'` | 底部区域配置 |
| children  | React.ReactNode     | 否       | undefined                  | 自定义内容   |
| className | string              | 否       | undefined                  | 自定义类名   |
| style     | React.CSSProperties | 否       | undefined                  | 自定义样式   |


### HeaderConfig

| 属性        | 类型            | 是否必传 | 默认值                       | 说明              |
| ----------- | --------------- | -------- | ---------------------------- | ----------------- |
| avatar      | React.ReactNode | 否       | undefined                    | 顶部占位图标/内容 |
| title       | React.ReactNode | 否       | `'欢迎使用AI助手'`           | 顶部占位标题      |
| description | React.ReactNode | 否       | `'选择下方场景快速开始对话'` | 顶部占位描述      |


### ContentConfig

| 属性       | 类型             | 是否必传 | 默认值    | 说明         |
| ---------- | ---------------- | -------- | --------- | ------------ |
| title      | string           | 否       | undefined | 标题         |
| suggestion | SuggestionsProps | 否       | []        | 快捷指令列表 |
| card       | `boolean`        | 否       | `true`    | 是否卡片样式     |