v-number-counter v0.0.1

效果

参数

事件

动画类型

支持动画为如下几种类型，了解详情可查阅贝塞尔曲线相关知识 "linear", "easeInSine", "easeOutSine", "easeInOutSine", "easeInQuad", "easeOutQuad", "easeInOutQuad", "easeInCubic", "easeOutCubic", "easeInOutCubic", "easeInQuart", "easeOutQuart", "easeInOutQuart", "easeInQuint", "easeOutQuint", "easeInOutQuint", "easeInBack", "easeOutBack", "easeInOutBack", "easeInElastic", "easeOutElastic", "easeInOutElastic", "easeInBounce", "easeOutBounce", "easeInOutBounce",

安装

npm install @oldeng/v-number-counter

使用

//导入
import { NumberCounter } from "@oldeng/v-number-counter";
import  "@oldeng/v-number-counter/dist/v-number-counter.css";

//使用
        <v-number-counter
          :number="number"
          :frames="200"
          :animationType="currentAnimation"
          :start="true"
          @done="doneHandler"
        ></v-number-counter>

Github

Npm

源码分析