Skip to content

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" 关闭)stringtrue
loading加载态(骨架占位)boolean
precision小数位(四舍五入)string0
prefix前后缀文案string
suffix前后缀文案string
value数值(数字字符串)string0

插槽

名称说明
prefix前置内容(图标/标签等复杂内容,分发时优先于 prefix 属性文本);简单文本用 prefix 属性即可
suffix后置内容(图标/标签等复杂内容,分发时优先于 suffix 属性文本);简单文本用 suffix 属性即可

无事件(纯展示)。

基于 MIT OR Apache-2.0 双许可发布