Statistic 统计数值

展示统计数值。

基础用法

用户总数

12345

订单总数

8846

访问量

923456

vue

<template>
  <x-statistic title="用户总数" :value="12345" />
</template>

<script setup>
import { Statistic } from '@xto/business'
</script>

收入

¥98765元

增长率

13%

完成率

89%

vue

<template>
  <x-statistic title="收入" :value="98765" prefix="¥" suffix="元" />
</template>

增长率

13%

↑2.3%

下降率

↓1.2%

vue

<template>
  <x-statistic
    title="增长率"
    :value="12.5"
    suffix="%"
    trend="up"
    trendValue="2.3%"
  />
</template>