AiWelcome 欢迎页面

AiWelcome 是一个用于 AI 聊天对话起始页面的组件，通过精美的渐变色和玻璃拟态设计，为用户提供友好的第一印象和交互引导。

基础用法

展示 Logo、标题及建议的 Prompt 列表。

基础用法

展示 Logo、标题及建议的 Prompt 列表。

基础用法

自定义图标与 Slot

你可以自定义 Logo 图标或通过插槽完全自定义头部内容。

自定义图标与 Slot

API

Props

属性名	说明	类型	默认值
title	标题文本	string	''
description	描述文本	string	''
suggestions	建议项列表	AiSuggestion[]	[]
showIcon	是否展示图标	boolean	true
icon	图标名称	string	'sparkles'

AiSuggestion Item

属性名	说明	类型
icon	图标名称	string
title	建议项标题	string
description	详细描述	string
prompt	点击后传递的指令文本	string

Events

事件名	说明	回调参数
select	点击建议列表卡片时触发	(item: AiSuggestion)

Slots

插槽名	说明
default	底部自定义内容
icon	自定义 Logo
title	自定义标题
description	自定义描述

主题变量

变量名	默认值
--yh-ai-welcome-padding	var(--yh-spacing-xl)
--yh-ai-welcome-max-width	800px
--yh-ai-welcome-primary-gradient	linear-gradient(135deg, var(--yh-color-primary) 0%, #a855f7 100%)
--yh-ai-welcome-card-bg	var(--yh-bg-color-overlay)