GraceUI 数值动画



数值动画

组件介绍

以递增 | 递减的方式展示一个数值。注意 : 如果您需要组件以整数形式递增，请将 keepInt 属性设为 true 并保证数值大于组件总步骤数 ;

组件名称

gui-number-animate : GraceUI 组件目录/gui-number-animate.vue

兼容平台

H5	APP	小程序	NVUE
✔	✔	✔	✔

组件属性

属性名称	类型	默认值	作用
num	Number	0	需要展示的数值
stepNumber	Number	50	动画步骤总数
timer	Number	800	动画总时间
keepInt	Boolean	false	保证整数递增
customClass	Array	['gui-primary-text', 'gui-text']	组件自定义样式

组件事件

@done 动画运行完成后触发

演示代码

UNI 普通版本

NVUE 版本

登录并购买 GraceUI 后可以查阅完整手册内容。