← 全部模板

镂空大字 <TextMask />

一个超大单词做镂空，图片只从字形里透出来并缓缓定位；下方标题、一句副标题和 0–3 个数字。

在示例演示里查看 →

分组: 开场 · 封面或章节页
组件: 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="…" />