- 分组
- 佐证 · 几句原话
- 组件
QuoteWall·#quote-wall- 交互
- 卡片依次出现;悬停小卡时抬起并描出强调色边框。
适合
- 平台、监管机构、权威文档的原话
- 客户访谈里的原话(要能追溯到记录)
不适合
- 只有一句话:用 QuoteHero
- 是你的总结或转述:写进正文,不要加引号
- 查不到原文:不要用
内容上限
| 1 | quotes 3 或 5 句;第一句是大卡 |
| 2 | 第一句 ≤ 50 字,其余 ≤ 40 字;逐字照录,不加引号 |
| 3 | who ≤ 16 个字符;where ≤ 24 个字符;tag ≤ 12 个字符 |
| 4 | source 必须写出原文出处 |
字段
| 字段 | 类型 | |
|---|---|---|
kicker · 必填 | string | 标题上方的小节名,2–8 字 |
title · 必填 | string | string[] | 页面标题;传数组可手动断行,每项一行 |
lead | string | 一到两句导语,≤ 60 字 |
source | string | 事实出处;页面上有任何数据或事实时必填 |
hint | ReactNode | 页眉中间的操作提示,可用 <kbd> |
quotes · 必填 | { text, who, where?, tag? }[] | 引语;第一句为焦点 |
示例代码
<QuoteWall
kicker="官方原话"
title="平台自己是怎么说的"
quotes={[
{ text: 'Seekr 不接受付费来更频繁地抓取网站或提升其排名。', who: 'Seekr', where: 'Seekr 搜索的工作原理', tag: '付费排名' },
{ text: '在这些方面中,可信度最重要。', who: 'Seekr', where: '创建有用的内容', tag: 'E-E-A-T' },
{ text: '…', who: 'Findo', where: '网站管理员工具帮助' },
]}
source="Seekr 站长文档 · Findo 站长帮助(虚构)"
/>