← All templates

彩带封面 <RibbonCover />

左上角超大圆润标题,右下方蓝色和黑色两条粗彩带斜着交叉,带上重复一个词,再加一条细的青柠色彩带。

Template and style descriptions are currently available in Chinese only.

Group
开场 · 活动、培训第 1 页
Component
RibbonCover · #ribbon-cover

Good for

  • 培训、活动、对外介绍的封面
  • 想要热闹友好的开场

Avoid when

  • 正式汇报:用 Cover
  • 要放数字:用 FloatCover

Content limits

1title ≤ 2 行 × 8 字
2lead ≤ 40 字
3band、band2 ≤ 12 个字符,只重复页面上已有的词

Fields

FieldType
kicker · requiredstring小节名,2–8 字
title · requiredstring | string[]标题;数组手动断行
leadstring一两句导语,≤ 60 字
sourcestring事实出处
band · requiredstring主彩带上重复的词
band2string黑色彩带上的词,默认同 band

Example

<RibbonCover kicker="第 4 期 · 彩带风格" title={['做演示,', '先守住规则']} band="SLIDEHTML" band2="PASS" />