lg-roll-num
v1.0.0
Published
滚动数字
Downloads
4
Maintainers
Readme
滚动数字
支持设定滚动频率,完成时间,是否每三位逗号标识等
安装
npm i --save lg-roll-num
如何使用
使用举例
template:
<roll-num ref="rollNum" :value="800" :finish-time="2000" :if-init-roll="false">
<template #suffix>
<span class="num-suffix">+</span>
</template>
<template #prefix>-</template>
</roll-num>
script:
import RollNum from 'lg-roll-num'
参数
|参数|类型|描述|默认值| |:----- |:------|:------|:------| |finish-time |Number |滚动完成时间 |1000ms | |frequency |Number |滚动频率 |50ms滚动一次 | |value |Number |滚动的数值 |- | |if-comma |Boolean |是否每三位用逗号隔开 |true | |if-init-roll |Boolean |初始化时是否滚动 |true |
方法
|方法名|描述|参数| |:----- |:------|:------| |startRoll |开始滚动 |- |
Slot
|name|描述| |:----- |:------| |prefix |前缀 | |suffix |后缀 |