贴纸封面 <StickerCover />
网格纸上,标题最后一行套着设计软件的选中框,手写注释用弧线箭头指向标题;周围散落 2–4 张贴纸(带鼠标指针);右边是一张拍立得,放真实截图并贴着文件名标签。
Template and style descriptions are currently available in Chinese only.
- Group
- 开场 · 轻松的分享或个人介绍
- Component
StickerCover·#sticker-cover
Good for
- 团队分享、个人介绍、内部轻松场合
- 有一张产品或作品的真实截图
Avoid when
- 正式汇报:用 Cover
- 没有截图时可去掉 shot,标题会占满
Content limits
| 1 | title ≤ 2 行 × 8 字 |
| 2 | lead ≤ 50 字 |
| 3 | stickers 2–4 个,各 ≤ 8 字 |
| 4 | note ≤ 12 字 |
| 5 | pills 1–2 个 |
Fields
| Field | Type | |
|---|---|---|
title · required | string | string[] | 标题 |
lead · required | string | 导语 |
stickers · required | { text, spot? }[] | 贴纸 |
note | string | 手写注释 |
shot | { src, alt, caption?, file? } | 拍立得截图 |
pills | string[] | 胶囊 |
Example
<StickerCover
title={['写演示,', '像贴贴纸']}
lead="…"
note="这就是标题"
stickers={[{ text: '86 个模板' }, { text: '7 种风格' }]}
shot={{ src: kit, alt: '…', caption: '组件库 #/kit', file: 'KIT.WEBP' }}
/>