mirror of
https://gitee.com/ant-design-vue/ant-design-vue.git
synced 2024-11-29 18:48:32 +08:00
f265a7bb02
* fix docs dark theme & add docs coverDark * fix theme Editor edit
2.4 KiB
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 |