- 分組
- 开场 · 封面或章节页
- 元件
TextMask·#text-mask
適合
- 封面、章节页,主题能用一个短词概括
- 有一张纹理感强的图
不適合
- 图片本身是证据或要看清内容:用图片版式
- 词超过 5 个拉丁字母
內容上限
| 1 | word 2–5 个拉丁大写字母或 1–2 个汉字 |
| 2 | title ≤ 2 行 × 10 字;sub ≤ 36 字 |
| 3 | facts 0–3 个:value ≤ 8 个字符,label ≤ 10 字 |
欄位
| 欄位 | 型別 | |
|---|---|---|
kicker · 必填 | string | 小节名,2–8 字 |
word · 必填 | string | 镂空大字 |
title · 必填 | string | string[] | 标题 |
sub | string | 副标题 |
facts | { value, label }[] | 底部数字 |
image · 必填 | string (import) | 透出的图,decor- 或截图 |
alt · 必填 | string | 图片描述 |
credit | string | 图片说明,AI 生成图要写明 |
source | string | 事实出处 |
範例程式碼
<TextMask kicker="阿波罗 11 号 · 1969" word="MOON" title={['八天往返,', '人第一次站上月球']} image={surface} alt="…" />