<reed-ai> 组件

概述

<reed-ai>组件为独立AI页面。

基本用法

<reed-ai :center="true" :back="router.back">
  <template #back>
    <grove-icon name="Close" />
  </template>
  <template #history>
    <grove-icon name="List" />
  </template>
  <template #send>
    <grove-icon name="Promotion" />
  </template>
  <template #stop>
    <grove-icon name="More" />
  </template>
</reed-ai>

属性说明

属性名	类型	默认值	说明
center	Boolean	false	标题栏是否居中
back	Function	-	绑定返回按钮事件，为空则不显示返回按钮

插槽说明

组件通过插槽提供自定义操作按钮的图标或内容，支持以下插槽：

#back

• 作用：自定义「返回/关闭」按钮的图标或内容
• 示例：

  <template #back>
    <grove-icon name="Close" /> <!-- 关闭图标 -->
  </template>

#history

• 作用：自定义「历史记录」按钮的图标或内容
• 示例：

  <template #history>
    <grove-icon name="List" /> <!-- 列表图标 -->
  </template>

#send

• 作用：自定义「发送」按钮的图标或内容
• 示例：

  <template #send>
    <grove-icon name="Promotion" /> <!-- 发送/提交图标 -->
  </template>

#stop

• 作用：自定义「停止」按钮的图标或内容
• 示例：

  <template #stop>
    <grove-icon name="More" /> <!-- 更多选项图标 -->
  </template>