仅桌面端保证样式
StatCard 指标卡
单指标数据卡：图标 + 标签 + 数值 + 涨跌趋势，适合看板顶部、列表页头部的关键指标展示。数值默认带滚动动画，千分位自动格式化。
基础用法
本月销售额
128430
12.4%
新增订单
3568
8.1%
新增用户
942
2.3%
客单价
286元
1.8%
后缀与字符串值
suffix 适合「万元 / % / 单」这类单位；value 传字符串时原样展示（不再做千分位）：
月活跃设备
3.2万台
剩余库存
8,641
关闭滚动动画
count-up 设为 false 后数值直接呈现，适合实时频繁刷新的场景：
今日访问（实时）
1024
4.2%
插槽
value / trend 均可自定义；trend 插槽带 trend 作用域值：
任务完成率
76 / 100
服务可用性
99%
近 30 天保持稳定
StatCard Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| label | 指标名称 | string | |
| value | 指标值；数字带滚动动画与千分位，字符串原样展示 | string | number | — |
| icon | 图标名 | string | |
| type | 图标底色语义 | primary | success | warning | danger | info | primary |
| trend | 涨跌百分比：正数涨（上箭头）、负数跌（下箭头） | number | — |
| countUp | 数值滚动动画（仅数字生效） | boolean | true |
| countDuration | 滚动动画时长（ms） | number | 800 |
| suffix | 数值后缀单位 | string |
StatCard Slots
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| icon | 自定义图标区 | — | — |
| label | 自定义指标名 | — | — |
| value | 自定义数值区（替换数值与后缀） | — | — |
| trend | 自定义趋势区，作用域插槽：{ trend } | — | — |