vue3-digital-flop

介绍

基于Vue3.0的数字翻牌器

安装

1. npm

   npm install vue3-digital-flop --save
   

2. yarn

   yarn add vue3-digital-flop
   

组件配置

参数	说明	类型	默认值
start	起始值	Number	0
end	结束值	Number	0
duration	动画持续时间	Number	1000
separator	分隔符	String	,
decimal	小数点	String	.
prefix	前缀	String
suffix	后缀	String
toFixedNum	小数点后保留几位，-1为不保留	Number	0

注意项

1. 起始值只有在第一次加载时有效，后续更新不会生效

使用

全局注册

// **main.js**
  import { createApp } from 'vue';
  import App from './App.vue';
  import VueDigitalFlop from 'vue3-digital-flop'
  const app = createApp(App);
  app.use(VueDigitalFlop);
  app.mount('#app');

局部注册

// **.vue**
  import { VueDigitalFlop } from 'vue3-digital-flop'
  export default {
    components: {
       VueDigitalFlop
    }
  }