Skip to content
快速前往

CountTo 数字动画

// todo 组件描述

何时使用

// todo 使用时机描述

基本用法

// todo 用法描述

CountTo Count-to 组件文档示例
$1
// todo 展开代码的内部描述
<template>
  <div>{{ msg }}</div>
  <c-count-to
    prefix="$"
    :color="'#409EFF'"
    :startVal="1"
    :endVal="200000"
    :duration="8000"
  />
</template>

<script>
import { defineComponent } from 'vue';

export default defineComponent({
  setup() {
    return {
      msg: 'CountTo Count-to  组件文档示例'
    };
  }
});
</script>

<style></style>

c-count-to

c-count-to 参数

参数类型默认说明
startValnumber0开始值
endValnumber2021结束值
durationnumber1500持续时间
autoplaybooleantrue是否自动
decimalsnumber0保留精度
prefixstring前缀
suffixstring后缀
separatorstring,分隔符
decimalstring.小数点符号
colorstring颜色
useEasingbooleantrue动画
transitionstringlinear动画类型

c-count-to 事件

事件类型说明

c-count-to 插槽

插槽名说明

Released under the MIT License.