贴纸封面 <StickerCover />
网格纸上,标题最后一行套着设计软件的选中框,手写注释用弧线箭头指向标题;周围散落 2–4 张贴纸(带鼠标指针);右边是一张拍立得,放真实截图并贴着文件名标签。
版型與風格的說明目前僅提供簡體中文。
- 分組
- 开场 · 轻松的分享或个人介绍
- 元件
StickerCover·#sticker-cover
適合
- 团队分享、个人介绍、内部轻松场合
- 有一张产品或作品的真实截图
不適合
- 正式汇报:用 Cover
- 没有截图时可去掉 shot,标题会占满
內容上限
| 1 | title ≤ 2 行 × 8 字 |
| 2 | lead ≤ 50 字 |
| 3 | stickers 2–4 个,各 ≤ 8 字 |
| 4 | note ≤ 12 字 |
| 5 | pills 1–2 个 |
欄位
| 欄位 | 型別 | |
|---|---|---|
title · 必填 | string | string[] | 标题 |
lead · 必填 | string | 导语 |
stickers · 必填 | { text, spot? }[] | 贴纸 |
note | string | 手写注释 |
shot | { src, alt, caption?, file? } | 拍立得截图 |
pills | string[] | 胶囊 |
範例程式碼
<StickerCover
title={['写演示,', '像贴贴纸']}
lead="…"
note="这就是标题"
stickers={[{ text: '86 个模板' }, { text: '7 种风格' }]}
shot={{ src: kit, alt: '…', caption: '组件库 #/kit', file: 'KIT.WEBP' }}
/>