手册版本 V5.0
组件介绍
以递增 | 递减的方式展示一个数值;
注意 : 如果您需要组件以整数形式递增，请将 keepInt 属性设为 true 并保证数值大于组件总步骤数 ;
组件名称
gui-number-animate : /graceUI/组件目录/gui-number-animate
兼容平台
| H5 | APP | 小程序 | NVUE |
| ✔ | ✔ | ✔ | ✔ |
组件属性
| 属性名称 | 类型 | 默认值 | 作用 |
| num | Number | 0 | 需要展示的数值 |
| stepNumber | Number | 50 | 动画步骤总数 |
| timer | Number | 800 | 动画总时间 |
| keepInt | Boolean | false | 保证整数递增 |
| fontSize | String | 28rpx | 文本尺寸 |
| color | String | #333333 | 文本颜色 |
| lineHeight | String | 50rpx | 文本行高 |
| fontWeight | String | 400 | 400-700 数值越大字体会被加粗 |
组件事件
@done 动画运行完成后触发 2021.12.27 添加
演示代码
UNI 普通版本
NVUE 版本
登录并购买 GraceUI 后可以查阅完整手册内容 。
