← 所有版型

引语墙 <QuoteWall />

3 或 5 句逐字引语:第一句放在左侧深色大卡,其余排成网格;每句下面写说话人、出处和一个话题标签。

版型與風格的說明目前僅提供簡體中文。

分組
佐证 · 几句原话
元件
QuoteWall · #quote-wall
互動
卡片依次出现;悬停小卡时抬起并描出强调色边框。

適合

  • 平台、监管机构、权威文档的原话
  • 客户访谈里的原话(要能追溯到记录)

不適合

  • 只有一句话:用 QuoteHero
  • 是你的总结或转述:写进正文,不要加引号
  • 查不到原文:不要用

內容上限

1quotes 3 或 5 句;第一句是大卡
2第一句 ≤ 50 字,其余 ≤ 40 字;逐字照录,不加引号
3who ≤ 16 个字符;where ≤ 24 个字符;tag ≤ 12 个字符
4source 必须写出原文出处

欄位

欄位型別
kicker · 必填string标题上方的小节名,2–8 字
title · 必填string | string[]页面标题;传数组可手动断行,每项一行
leadstring一到两句导语,≤ 60 字
sourcestring事实出处;页面上有任何数据或事实时必填
hintReactNode页眉中间的操作提示,可用 <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 站长帮助(虚构)"
/>