项目正在快速迭代中,API 与视觉细节可能随版本调整,请勿用于生产环境。
仅桌面端保证样式

Statistic 统计数值 ​

展示统计数值:千分位、精度、前后缀、自定义 formatter 与 loading 占位。适用于仪表盘、看板、详情页的指标区块。

基础用法 ​

今日订单
12,893
本月 GMV
3,984,721.56
系统在线用户
867

精度与千分位 ​

precision 控制小数位(四舍五入),separator 自定义千分位符号(传空字符串关闭分组):

转化率
0.98
账户余额
1,234,567.89
欧式分组
98.765
无分组
98765

前缀 / 后缀 / 数值样式 ​

支持 prefix / suffix 属性或同名插槽(可放图标);value-style 级联到整个数值区:

营收
¥286,530
退款
¥9,820
库存周转
12天
同比
18↑ 18%

自定义 formatter ​

传入 formatter 后内建的千分位/精度不再生效,完全由函数决定展示:

处理人次
20486 人次
任务耗时
01:02:05

loading 与数值翻动 ​

loading 用占位点替代数值(拉取接口时);flip 在数值变化时播放上下翻动过渡,适合大屏轮询刷新:

接口拉取中
实时 QPS(每秒刷新)
3,241

Statistic API ​

Props ​

名称类型默认值说明
valueNumber / String0数值;字符串原样展示(如单号)
precisionNumber—小数位精度
separatorString','千分位符号;'' 关闭分组
prefix / suffixString''前后缀(同名插槽优先)
titleString''标题(title 插槽优先)
value-styleObject—作用于数值区的样式(字号/颜色等)
formatterFunction—自定义格式化 (value) => string,设置后 separator/precision 失效
loadingBooleanfalse加载占位
flipBooleanfalse数值变化时的翻动过渡

Slots ​

名称说明
title标题
prefix / suffix前后缀(可放图标)

配套工具 ​

配合 format 工具 的 formatNumber / formatDuration / formatPercent 使用;指标区块布局可搭配业务组件 EbStatCard / EbStatRow。