Statistic 统计数值
统计数值展示,Intl.NumberFormat 千分位与精度(locale 感知),支持前后缀与骨架屏加载占位。
基础用法
基础数值
千分位与精度
千分位 + 精度
前缀 / 后缀
prefix / suffix
关闭千分位
group-separator=false
加载态
loading(复用 skeleton)
字号定制
字号默认固定为 --oas-font-size-lg(16px,不随外层变化),可用 CSS 变量 --oas-statistic-font 显式定制(如 32px)。
复杂前后缀(slot 分发)
slot=prefix / slot=suffix
简单文本用 prefix / suffix 属性;复杂内容(图标/标签/徽标等)用同名 slot="prefix" / slot="suffix" 分发,slot 有内容时原生替换属性文本。
API
属性
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
group-separator | 千分位分组("false" 关闭) | string | true |
loading | 加载态(骨架占位) | boolean | — |
precision | 小数位(四舍五入) | string | 0 |
prefix | 前后缀文案 | string | — |
suffix | 前后缀文案 | string | — |
value | 数值(数字字符串) | string | 0 |
插槽
| 名称 | 说明 |
|---|---|
prefix | 前置内容(图标/标签等复杂内容,分发时优先于 prefix 属性文本);简单文本用 prefix 属性即可 |
suffix | 后置内容(图标/标签等复杂内容,分发时优先于 suffix 属性文本);简单文本用 suffix 属性即可 |
无事件(纯展示)。