CountUp数字动画

数字动画效果

TIP

1.0.10+

CountUp数字动画 - 图1

  1. <div style="font-size:43px;font-weight:500;color:red;">
  2. <p><avue-count-up :end="15033.2"></avue-count-up></p>
  3. <p><avue-count-up :end="1233.2" :start="1000"></avue-count-up></p>
  4. </div>
  5. <script>
  6. export default {
  7. }
  8. </script>

Variables

参数说明类型可选值默认值
start数字的开水Number-0
end数字的终点Number--
decimals是否支持小数Booleantrue / falsefalse
duration动画速度Number-2
optionsCountUp.js其他配置Object--
callback开始时候的回调Function--