vue-fluctuation-v3
一个基于vue3&vue-digital-transform的数值波动效果组件
Install
npm install @findsoft/vue-fluctuation-v3
Quick Start
import '@findsoft/vue-fluctuation-v3/dist/vueFluctuation.css';
import Fluctuation from '@findsoft/vue-fluctuation-v3';<fluctuation :value="value">
<template #prefix>
可以插入前缀icon
</template>
</fluctuation>Slot
| name | description |
|---|---|
| prefix | 前缀插槽，可放置icon |
Props
| prop | type | description | default | version |
|---|---|---|---|---|
| value | Number | 需要监听数值波动的值 | 0 | |
| separator | Boolean | 是否开启千分位分隔符 | false | |
| unit | String | 数值单位，可以是任何你认为正确的单位 | '' | |
| interval | Number | 数字滚动过渡时间（ms） | 500 | |
| plusColor | String | 增加字体颜色 | red | >1.0.3 |
| reduceColor | String | 减少字体颜色 | limegreen | >1.0.3 |