Appearance
CountTo
基础用法
手动控制开始与暂停
设置计数保留小数点位数
当在使用 animation 动画时,整体的计数动画时长会改变,整体时长会由 duration 变为 duration + animationDuration,在使用 stopCount 时也会延迟 animationDuration 的时间才完全停止,所以如果将 animationDuration 设置为 0 ,则不会出现滚动动画
CountTo Props
| 名称 | 类型 | 说明 | 默认值 |
|---|---|---|---|
| startValue | number | 计数起始值 | 0 |
| endValue | number | 计数结束目标值 | - |
| duration | number | 从起始值到结束目标值的计数时长,单位ms | 2000 |
| decimal | number | 保留小数点位数,默认会保留 startValue 和 endValue 中最长的小数位数 | - |
| autoStart | boolean | 自动开始计数 | true |
| animation | boolean | 是否使用滚动动画 | false |
| animationDuration | number | 滚动动画的持续时长,单位ms | 2000 |
CaptchaSlider Events
| 名称 | 说明 | 参数 |
|---|---|---|
| change | 当前数字变化时触发 | (value: number) |
| finish | 计数完成后触发 | - |
CaptchaSlider Exposes
| 名称 | 说明 | 类型 |
|---|---|---|
| reset | 重置为初始状态 | () => void |
| startCount | 开始计数 | () => void |
| stopCount | 暂停计数 | () => void |
CountTo slots
| 名称 | 说明 | 参数 |
|---|---|---|
| default | 显示内容 | (value: number) |
| prefix | 数字前缀 | - |
| suffix | 数字后缀 | - |