← 所有版型

彩带封面 <RibbonCover />

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

版型與風格的說明目前僅提供簡體中文。

分組
开场 · 活动、培训第 1 页
元件
RibbonCover · #ribbon-cover

適合

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

不適合

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

內容上限

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

欄位

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

範例程式碼

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