number-scroll

数字滚动效果

Author

zhangyj [email protected]

下载模块

npm i number-scroll

使用方式

单个引入
import numberScroll from 'number-scroll'

全局引入
import numberScroll from 'number-scroll'
Vue.use(numberScroll);

<number-scroll class="text" :height="60" :value="n" :interval="2000" :loop="true"></number-scroll>



n：7898


loop:true,//是否循环滚动
interval:2000,//滚动时长
height:30 //滚动高度

直接引入js

<script src="number-scroll.min.js"></script>

<number-scroll class="text" :height="60" :value="n" :interval="2000" :loop="true"></number-scroll>

n：7898