← 全部模板

聊天问答 <ChatThread />

左边标题、导语和一条手绘波浪箭头,右边一串聊天气泡:提问在左、白色;回答在右、强调色。每条气泡是一个展开步骤。

分组
问答 · 3–6 条对话
组件
ChatThread · #chat-thread

适合

  • 新手常见问题、用户提问
  • 想让问答读起来像对话

不适合

  • 问题超过 3 个且要标出处:用 Faq
  • 回答很长

内容上限

1messages 3–6 条:提问 ≤ 24 字,回答 ≤ 44 字
2title ≤ 2 行 × 7 字
3lead ≤ 50 字
4names 每个 ≤ 6 字

字段

字段类型
kicker · 必填string小节名,2–8 字
title · 必填string | string[]标题;数组手动断行
leadstring一两句导语,≤ 60 字
sourcestring事实出处
messages · 必填{ from: 'q' | 'a', text }[]对话
names{ q, a }两边的名字,默认 提问 / 回答

示例代码

<ChatThread kicker="新手问答" title={['第一次上手,', '先问这三句']} messages={[{ from: 'q', text: '新演示放在哪里?' }, { from: 'a', text: '…' }]} />