← 所有版型

页脚结束页 <FooterClosing />

像网站页脚的结束页:左上标题、导语和按钮,右上 2–4 列链接,底部一条细线(备注 + 出处)和一行贴着页面底边、渐隐的巨大文字。

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

在範例簡報中查看 →

分組
结尾 · 资源与链接
元件
FooterClosing · #footer-closing
互動
build 模式下每按一次 → 出现一列链接

適合

  • 最后一页列出文档、社区、下载等去处
  • 主题有一个简短的西文名字可做底部大字

不適合

  • 要放提问或联系人:用 Thanks 或 ContactPanel
  • 链接超过 15 条:只留最常用的

內容上限

1title 1–2 行,每行 ≤ 10 字;lead ≤ 40 字
2actions 0–2 个
3columns 2–4 列:heading ≤ 8 字,links 2–5 条,每条 ≤ 26 个拉丁字符或 ≤ 13 字(4 列时 ≤ 18 个拉丁字符)
4wordmark 3–10 个拉丁字符,只作装饰文字,不画 logo
5note ≤ 40 字

欄位

欄位型別
kicker · 必填string标题上方的小节名,2–8 字
title · 必填string | string[]页面标题;传数组可手动断行,每项一行
leadstring一到两句导语,≤ 60 字
sourcestring事实出处;页面上有任何数据或事实时必填
hintReactNode页眉中间的操作提示,可用 <kbd>
columns · 必填{ heading, links: string[] }[]链接列
actions{ label, kind? }[]画出来的按钮
wordmark · 必填string底部大字
notestring底部左侧小字

範例程式碼

<FooterClosing kicker="谢谢" title={['想继续了解,', '从这些地方开始']} columns={[{ heading: '阅读', links: ['docs.fedoraproject.org'] }, …]} wordmark="Fedora" />