Skip to content

A vue component provide rolling effect when the specified number change

Notifications You must be signed in to change notification settings

Lishanming/vue-number-roller

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 

Repository files navigation

vue-number-roller

A vue component provide rolling effect when the specified number change

使用场景: 一些大屏显示的页面中,当数字发生改变时,需要表现类似摇奖机一样的滚筒效果

image

How to use?

npm install vue-number-roller --save
import roller from 'vue-number-roller'
Vue.use(roller)
<ep-roller :number = "rollNumber" :rate="100" :duration="500"></ep-roller>

property

属性 描述 默认值(ms)
number 显示数值
rate 一次赋值动作中,各单位数值滚动频率 一次赋值动作滚动时间 100
duration 一次赋值动作滚动时间 500

About

A vue component provide rolling effect when the specified number change

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published