<template>
  <CountTo
    :startVal="startVal"
    :endVal="endVal"
    :duration="duration"
    :decimals="decimals"
    :separator="separator"
    :suffix="suffix"
    :prefix="prefix"
  />
</template>

<script>
import CountTo from 'vue-count-to'
export default {
    name: 'VueCountTo', // TODO: 数字变动组件
    components: { CountTo },
    props: {
        autoplay: { type: Boolean, default: true }, // 自动播放 默认为 True
        startVal: { type: Number, default: 0 }, // 起始值
        endVal: { type: Number, default: 0 }, // 结束值
        duration: { type: Number, default: 800 }, // 持续时间，以毫秒为单位
        decimals: { type: Number, default: 0 }, // 要显示的小数位数
        separator: { type: String, default: ',' }, // 分隔符
        prefix: { type: String, default: '' }, // 前缀
        suffix: { type: String, default: '' } // 后缀
    }
}
</script>

<style scoped>
span {
  font-family: "Century Gothic";
}
</style>
