倒计时
更新时间:2021-07-21
倒计时组件支持通过自定义目标时间或倒数数字,在报表和大屏中展示时间倒数和数字倒数。
倒计时展示模式
倒计时组件提供「时间倒数」和「数字倒数」两种展示模式,效果如下:
默认为「时间倒数」模式,打开「倒数模式」开关,可切换为「数字倒数」模式,
其中「倒数模式」仅在浏览模式下点击后生效。
倒计时的内容设置
在默认的「时间倒数」模式下,需要配置「目标时间」信息,配置后系统会自动计算并展示出倒数时长,精确到「天」,「时」,「分」,「秒」 ,
如果只需要展示剩余天数,可打开「只显示天」开关。
在「数字倒数」模式下,需要设置「倒数数字」信息。
倒计时的样式设置
「时间倒数」模式下,支持自定义配置数字大小,文字大小,数字颜色,数字背景色,文字颜色,文字字体。
「数字倒数」模式下,支持自定义配置数字大小,数字颜色,数字字体,动画效果。
倒计时的动画效果设置
「倒数模式」下,提供两种动画选择:
- 放大:即数字放大消失的动画效果。
- 旋转:即数字外圈动态展示旋转的圆环,圆环颜色和粗细支持自定义配置。