---
url: /components/statistic.md
---
# Statistic 指标

`EvStatistic` 展示关键数字：用户量、可用性、评分等。数值用强字重展示体并带
等宽数字（tabular-nums），多值并排时构成页面中最有说服力的一行。

## 基础用法

```vue
<EvStatistic value="120K+" label="注册用户" align="center" />
<EvStatistic value="99.99%" label="服务可用性" align="center" />
```

## 数字滚动

```vue
<EvStatistic value="1,200+" label="周下载" align="center" animated :duration="1600" />
```

::: tip 场景建议
数字位通常出现在定价区上方或页脚之前，搭配 [EvLogoCloud](./logo-cloud) 构成完整的信任背书段落。
更多动效见[动效指南](/guide/motion)。
:::

## API

### Props

| 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| value | 数值 | string / number | — |
| label | 标签 | string | — |
| align | 对齐 | `'left' \| 'center'` | `'left'` |
| animated | 进入视口时数字从 0 滚动到目标值 | boolean | `false` |
| duration | 滚动时长 ms | number | `1200` |

### 插槽

| 插槽 | 说明 |
| --- | --- |
| value | 数值覆写（如追加动画计数） |
| label | 标签覆写 |