← 全部模板

环形排字 <TextArc />

左侧标题、导语和 0–3 条要点；右侧一句文字沿圆环排列（SVG 真实文字），转入定位，圆心是一个大字或数字，可衬一张装饰图。

在示例演示里查看 →

分组: 氛围 · 一句话绕成圆环
组件: TextArc · #text-arc
交互: 圆环是一个 build 步骤，出现时转入定位，之后静止

适合

有一句可以反复念的短语、口号
编辑感的章节页或印象页

不适合

环上的文字需要仔细阅读：放进正文
没有能放在圆心的词或数字

内容上限

1	title ≤ 2 行 × 8 字；lead ≤ 60 字；points 0–3 条，每条 ≤ 24 字
2	ring 16–44 个单位（拉丁字符算 1，汉字算 2），用 “ · ” 重复补满一圈；拉丁大写效果最好，汉字沿弧线会侧转
3	center ≤ 5 个字符，centerLabel ≤ 8 字

字段

字段	类型
`kicker` · 必填	`string`	小节名，2–8 字
`title` · 必填	`string \| string[]`	标题
`lead`	`string`	导语
`points`	`string[]`	要点
`ring` · 必填	`string`	环上的文字
`center` · 必填	`string`	圆心大字
`centerLabel`	`string`	圆心说明
`image`	`string (import)`	圆内装饰图，decor- 或截图
`alt`	`string`	图片描述
`credit`	`string`	图片说明，AI 生成图要写明
`source`	`string`	事实出处

示例代码

<TextArc kicker="月面印象" title="壮丽的荒凉" ring="MAGNIFICENT DESOLATION · MAGNIFICENT DESOLATION · " center="静海" centerLabel="着陆地点" image={disc} alt="…" />