← 全部模板

粗框数字 <FramedStats />

一排粗黑边框、硬投影的数字盒,右上角一个主题色圆点。为粗框风格设计,其他风格也能用。

分组
数据 · 3–4 个粗边框数字盒
组件
FramedStats · #framed-stats

适合

  • 3–4 个并列的关键数字
  • 活动、产品、项目的规模一览

不适合

  • 数字需要解释:用 KpiBoard
  • 只有一个数字:用 BigStat

内容上限

1stats 3–4 个
2value ≤ 6 个字符
3label ≤ 12 字
4页标题 ≤ 22 字
5有数字就要有 source

字段

字段类型
kicker · 必填string小节名
title · 必填string | string[]标题
leadstring导语
stats · 必填{ value, label }[]数字
sourcestring出处

示例代码

<FramedStats
  kicker="一眼看全"
  title="这个引擎里有什么"
  stats={[{ value: '251', label: '个模板' }, …]}
  source="…"
/>