彩带封面 <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
| 1 | title ≤ 2 行 × 8 字 |
| 2 | lead ≤ 40 字 |
| 3 | band、band2 ≤ 12 个字符,只重复页面上已有的词 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名,2–8 字 |
title · required | string | string[] | 标题;数组手动断行 |
lead | string | 一两句导语,≤ 60 字 |
source | string | 事实出处 |
band · required | string | 主彩带上重复的词 |
band2 | string | 黑色彩带上的词,默认同 band |
Example
<RibbonCover kicker="第 4 期 · 彩带风格" title={['做演示,', '先守住规则']} band="SLIDEHTML" band2="PASS" />