像素字结束页 <PixelClosing />
巨大的像素体西文(例如 LET'S TALK),下面一块黄黑斜纹色块托着一个按钮式的行动号召;顶部一个吉祥物(decor- 装饰插图,没有时用图标方块代替)。
- 分组
- 收尾 · 最后一页
- 组件
PixelClosing·#pixel-closing
适合
- 贴纸风格的结束页
- 有一个明确的下一步动作
不适合
- 正式场合:用 Closing
内容上限
| 1 | big ≤ 10 个西文字符 |
| 2 | action ≤ 10 字 |
| 3 | sub ≤ 40 字 |
| 4 | contacts 0–3 条:label ≤ 6 字,value ≤ 24 字符 |
字段
| 字段 | 类型 | |
|---|---|---|
big · 必填 | string | 像素大字 |
action · 必填 | string | 按钮文字 |
sub | string | 说明 |
contacts | { label, value }[] | 联系方式 |
mascot | { src, alt } | decor- 吉祥物 |
icon | IconName | 代替吉祥物的图标 |
示例代码
<PixelClosing big="LET'S TALK" action="打开 #/kit 试试" sub="…" contacts={[{ label: '规则', value: 'docs/zh-CN/guide.md' }]} />