vue-number-scroll

2.0.1 • Public • Published

效果

在线演示

效果图

源码

https://github.com/jarjune/vue-number-scroll

安装

    npm install --save vue-number-scroll

引入

    import vns from 'vue-number-scroll'

使用

    <vns :start="0" :end="99" :times="10" :speed="50"/>

参数

参数名 默认值 备注
speed 50 跳转的间隔时间
times 10 从开始到结束,变换的次数
startNum 0 起始数值
endNum 0 目标达到的数值

例子

    排名:<vns :start="0" :end="99" :speed="80" :times="20" :format="num => '第' + num + '名'"/>
    金额:<vns :start="0" :end="18299.5" :speed="80" :times="10" :format="num => num + '元'"/>

Package Sidebar

Install

npm i vue-number-scroll

Weekly Downloads

19

Version

2.0.1

License

MIT

Unpacked Size

1.29 MB

Total Files

10

Last publish

Collaborators

  • jarjune