← 全部模板

彩带章节页 <RibbonSection />

一条宽阔的强调色彩带斜穿画面,带上是章节编号圆章和章节标题;下方左边导语,右边本章各页标题。

分组
节奏 · 每章第一页
组件
RibbonSection · #ribbon-section

适合

  • 分章的演示,每章开头
  • 彩带风格里替代 SectionBreak

不适合

  • 不分章的短演示
  • 需要深色页:用 SectionBreak

内容上限

1title 一行 ≤ 8 字
2lead ≤ 44 字
3contents 2–4 项,每项 ≤ 12 字
4没有 source:章节页不陈述事实

字段

字段类型
kicker · 必填string小节名,2–8 字
title · 必填string | string[]标题;数组手动断行
leadstring一两句导语,≤ 60 字
sourcestring事实出处
index · 必填number章节编号
title · 必填string彩带上的章节标题
contents · 必填string[]本章各页标题

示例代码

<RibbonSection kicker="第一章" index={1} title="按顺序做" contents={['四个关键步骤', '六条文案规则']} />