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 |