像素字结束页 <PixelClosing />
巨大的像素体西文(例如 LET'S TALK),下面一块黄黑斜纹色块托着一个按钮式的行动号召;顶部一个吉祥物(decor- 装饰插图,没有时用图标方块代替)。
Template and style descriptions are currently available in Chinese only.
- Group
- 收尾 · 最后一页
- Component
PixelClosing·#pixel-closing
Good for
- 贴纸风格的结束页
- 有一个明确的下一步动作
Avoid when
- 正式场合:用 Closing
Content limits
| 1 | big ≤ 10 个西文字符 |
| 2 | action ≤ 10 字 |
| 3 | sub ≤ 40 字 |
| 4 | contacts 0–3 条:label ≤ 6 字,value ≤ 24 字符 |
Fields
| Field | Type | |
|---|---|---|
big · required | string | 像素大字 |
action · required | string | 按钮文字 |
sub | string | 说明 |
contacts | { label, value }[] | 联系方式 |
mascot | { src, alt } | decor- 吉祥物 |
icon | IconName | 代替吉祥物的图标 |
Example
<PixelClosing big="LET'S TALK" action="打开 #/kit 试试" sub="…" contacts={[{ label: '规则', value: 'docs/zh-CN/guide.md' }]} />