【vue-number-scroll】数字逐渐增加或者减少的滚动解决方案
生活随笔
收集整理的這篇文章主要介紹了
【vue-number-scroll】数字逐渐增加或者减少的滚动解决方案
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
效果
源碼
https://github.com/jarjune/vue-number-scroll
安裝
npm install --save vue-number-scroll引入
import vns from 'vue-number-scroll'使用
<vns startNum="0" endNum="99" times="10" speed="50"/>參數(shù)
| speed | 50 | 跳轉(zhuǎn)的間隔時(shí)間(毫秒) |
| times | 10 | 從開(kāi)始到結(jié)束，變換的次數(shù) |
| startNum | 0 | 起始數(shù)值 |
| endNum | 0 | 目標(biāo)達(dá)到的數(shù)值 |
例子
排名：<vns startNum="0" endNum="99" speed="80" times="20"/>金額：<vns startNum="0" endNum="18299.5" speed="80" times="10"/>轉(zhuǎn)載于:https://www.cnblogs.com/jarjune/p/10167760.html
總結(jié)
以上是生活随笔為你收集整理的【vue-number-scroll】数字逐渐增加或者减少的滚动解决方案的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： Day2:html和css
- 下一篇： vue/cli 3.0 脚手架【进阶】