一个基于 Vue 的数字切换动效库 vue-digital-transform
npm install vue-digital-transform
<template>
<DigitalTransform :value="num" dislocation :interval="200"></DigitalTransform>
</template>
import DigitalTransform from "vue-digital-transform";
export default {
components: {
DigitalTransform,
},
data() {
return {
num: 0,
};
},
};
prop | type | description | default |
---|---|---|---|
value | Number,String | 需要切换的数字,只能由 0-9 . , 组成 | undefined |
dislocation | Boolean | 单个数字是否过渡时间是否不一致 | false |
interval | Number | 单个数字过渡时间(ms) | 500 |
useGrouping (v1.1.0+) | Boolean | 是否开启分隔符(对 value 为 Number 类型的有效) | false |
如果你对文档或者代码有什么建议的话,希望你能告诉我。当然,你也可以贡献你的想法让这个库变得更好。