- 分组
- 揭晓 · 一封信、一段公告
- 组件
Envelope·#envelope- 交互
- build: reveal 时第 1 步开封口，第 2 步抽出信纸
适合
- 原文引用一封信、通知、公告
- 想营造“拆开来看”的揭晓感
不适合
- 信的内容超过 72 字：用 QuoteHero
- 内容是虚构的却没标明：必须在 sign 或 source 里写“示意”
内容上限
| 1 | title ≤ 3 行 × 8 字；lead ≤ 60 字 |
| 2 | greeting ≤ 12 字；body ≤ 72 字；sign ≤ 14 字 |
| 3 | stamp ≤ 4 个字符 |
| 4 | texture 只用 decor- 纸纹 |
字段
| 字段 | 类型 | |
|---|---|---|
kicker · 必填 | string | 小节名 |
title · 必填 | string | string[] | 标题 |
lead | string | 导语 |
greeting · 必填 | string | 信的称呼 |
body · 必填 | string | 信的正文 |
sign · 必填 | string | 落款 |
stamp | string | 邮票上的字 |
texture | string | import 进来的 decor- 纸纹 |
source | string | 事实出处 |
示例代码
<Envelope kicker="一封信" title={['一枚邮票，', '让信变便宜']} greeting="致每一位寄信人：" body="…" sign="示意信件" stamp="1d" texture={paper} source="…" />