← 全部模板

色块数字格 <BlockStats />

3–4 块饱和色块，粗黑描边加硬投影，略微歪斜，每块一个窄体大数字、标签和一句说明。第一块用主题色。

分组: 数据 · 3–4 个硬指标
组件: BlockStats · #block-stats

适合

3–4 个同样重要的数字
营销、规则宣讲

不适合

要比较大小：用 MetricBars
只有一个数字：用 BigStat

内容上限

1	stats 3–4 个：value ≤ 5 字符，unit ≤ 3 字符，label ≤ 8 字，note ≤ 24 字
2	title ≤ 2 行 × 8 字

字段

字段	类型
`kicker` · 必填	`string`	小节名，2–8 字
`title` · 必填	`string \| string[]`	标题；数组手动断行
`lead`	`string`	一两句导语，≤ 60 字
`source`	`string`	事实出处
`stats` · 必填	`{ value, unit?, label, note }[]`	色块

示例代码

<BlockStats kicker="硬指标" title="…" stats={[{ value: '17', unit: 'u', label: '最小字号', note: '…' }, …]} />