统计数值

Statistic

UI 组件也叫：指标卡、数据卡片、KPI 卡片、数字卡片

一句话：用大号数字突出显示一个关键指标，上面是指标名称，常带单位、涨跌箭头和对比说明。

详细解释

统计数值是仪表盘里最常见的小模块：上面一行小字写「本月销售额」，下面一个大号加粗数字「¥128,560」，旁边或下方写「较上月 ↑ 12.5%」。多个统计数值通常横向排成一行，放在页面顶部，让人一眼看到最重要的几个数。有的还带一条迷你折线（Sparkline）表示近期走势。

它和图表的分工：统计数值回答「现在是多少」，图表回答「怎么变化、各部分占多少」，通常先用几个统计数值给结论，再用图表展开细节。和徽标的区别：徽标是贴在图标角上的小红点或小数字，提醒未读数量，不用来展示业务指标。数字要统一千分位和小数位，涨跌要配箭头或正负号，不能只靠红绿区分。

灰度线框示意，只表达结构，不代表具体视觉风格。

可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。

仪表盘顶部横排 4 个统计数值卡片：每张卡片上方是灰色小字指标名，中间是 28px 加粗数字（带千分位和单位），下方是「较上月 ↑ 12.5%」，上涨用绿色、下降用红色并配箭头；窄屏时自动变成两列。

由指标名称、大号数值（含前后缀单位）和可选的趋势说明（涨跌箭头、对比百分比或迷你图）组成。

插件本地识别时匹配的 CSS 选择器（标签、ARIA role、常见组件库 class）。