ant-design-vue/components/statistic/index.zh-CN.md
果冻橙 f265a7bb02
fix docs dark theme & add docs coverDark (#6367)
* fix docs dark theme & add docs coverDark

* fix theme Editor edit
2023-03-20 11:15:02 +08:00

2.4 KiB

category type title subtitle cover coverDark
Components 数据展示 Statistic 统计数值 https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*YL7PRYNtH-4AAAAAAAAAAAAADrJ8AQ/original https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*BPWDRbSYxJ4AAAAAAAAAAAAADrJ8AQ/original

展示统计数值。

何时使用

  • 当需要突出某个或某组数字时
  • 当需要展示带描述的统计类数据时使用

API

Statistic

参数 说明 类型 默认值
decimalSeparator 设置小数点 string .
formatter 自定义数值展示 v-slot | ({value}) => VNode -
groupSeparator 设置千分位标识符 string ,
precision 数值精度 number -
prefix 设置数值的前缀 string | v-slot -
suffix 设置数值的后缀 string | v-slot -
title 数值的标题 string | v-slot -
value 数值内容 string | number -
valueStyle 设置数值的样式 style -

Statistic.Countdown

参数 说明 类型 默认值
format 格式化倒计时展示,参考 dayjs string 'HH:mm:ss'
prefix 设置数值的前缀 string | v-slot -
suffix 设置数值的后缀 string | v-slot -
title 数值的标题 string | v-slot -
value 数值内容 number | dayjs -
valueStyle 设置数值的样式 style -

Statistic.Countdown 事件

事件名称 说明 回调参数
finish 倒计时完成时触发 () => void