← 全部模板

像素字结束页 <PixelClosing />

巨大的像素体西文(例如 LET'S TALK),下面一块黄黑斜纹色块托着一个按钮式的行动号召;顶部一个吉祥物(decor- 装饰插图,没有时用图标方块代替)。

在示例演示里查看 →

分组
收尾 · 最后一页
组件
PixelClosing · #pixel-closing

适合

  • 贴纸风格的结束页
  • 有一个明确的下一步动作

不适合

  • 正式场合:用 Closing

内容上限

1big ≤ 10 个西文字符
2action ≤ 10 字
3sub ≤ 40 字
4contacts 0–3 条:label ≤ 6 字,value ≤ 24 字符

字段

字段类型
big · 必填string像素大字
action · 必填string按钮文字
substring说明
contacts{ label, value }[]联系方式
mascot{ src, alt }decor- 吉祥物
iconIconName代替吉祥物的图标

示例代码

<PixelClosing big="LET'S TALK" action="打开 #/kit 试试" sub="…" contacts={[{ label: '规则', value: 'docs/zh-CN/guide.md' }]} />