Skip to content
专业版

FaAnimatedCountTo 数字动画

数字滚动动画组件,基于 @number-flow/vue 实现平滑的数字过渡效果。

使用场景

  • 数字滚动动画组件,基于 @number-flow/vue 实现平滑的数字过渡效果。
  • 常见用法:使用格式、组合使用、数据统计卡片、带趋势标识。

Props

参数说明类型默认值
value要显示的值Valuerequired
format数字格式配置Formatundefined
locales区域设置stringundefined
prefix前缀stringundefined
suffix后缀stringundefined
trend趋势标识1 | 0 | -1undefined
transformTiming变换动画时机EffectTimingundefined
spinTiming旋转动画时机EffectTimingundefined
opacityTiming透明度动画时机EffectTimingundefined
willChange是否优化性能booleanfalse
class自定义类名HTMLAttributes['class']undefined

Events

事件名说明回调参数
animationsstart动画开始时触发-
animationsfinish动画结束时触发-

API

FaAnimatedCountToGroup

属性说明
无 props仅用于包裹多个 FaAnimatedCountTo 组件

注意事项

  • 涉及动画、预览或状态反馈时,建议结合实际页面密度控制同屏实例数量与刷新频率。