跳转到内容

ProCounter 数字动画

ProCounter 是数字动画组件,支持数字动画效果。

使用演示

通过 start-valend-val设置数字动画的开始值和结束值,持续时间3000ms,通过 prefixseparator 设置数字动画的前缀和分隔符

API

Props

参数说明类型默认值
startVal起始值number0
endVal结束值number2021
duration动画持续时间number1500
autoplay自动执行booleantrue
prefix前缀string-
suffix后缀string-
separator分隔符string','
color字体颜色string-
useEasing是否开启动画booleantrue
transition动画效果string'linear'
decimals保留小数点位数number0

Events

事件名说明类型
started动画已开始()=>void
finished动画已结束()=>void

Exposes

名称说明类型
start开始执行动画()=>void
reset重置()=>void

源代码

组件文档

贡献者