vue-element-plus-adminCountTo 数字动画组件
基于 vue-count-to 改造
CountTo 组件位于 src/components/CountTo 内
用法
更复杂点的例子，请在线预览
<script setup lang="ts">
import { CountTo } from '@/components/CountTo'
</script>
<template>
<CountTo :start-val="0" :end-val="35225" />
</template>
CountTo 属性
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| startVal | 初始值 | number | - | 0 |
| endVal | 最后展示的值 | number | - | 2021 |
| duration | 动画时间 | number | - | 3000 |
| autoplay | 是否自动播放 | boolean | - | true |
| decimals | 小位数 | number | - | 0 |
| decimal | 小位数分割符号 | string | - | . |
| separator | 分割符号 | string | - | , |
| prefix | 前缀 | string | - | - |
| suffix | 后缀 | string | - | - |
| useEasing | 过渡动画 | boolean | - | true |
| easingFn | 自定义动画效果 | (t: number, b: number, c: number, d: number) => number | - | - |