1.0.0 • Published 3 years ago
lg-roll-num v1.0.0
滚动数字
支持设定滚动频率,完成时间,是否每三位逗号标识等
安装
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 | 后缀 |
1.0.0
3 years ago