统计

简介

统计组件是用于展示统计数值的魔笔基础组件。

image

配置项

分类

配置

示例

说明

内容

标题

image

统计标题

模式

image

有静态和倒计时两种模式

截止时间

image

倒计时模式下的截止时间,值为截止时间的时间戳

日期格式

image

倒计时模式下的日期格式

数值

image

静态模式下显示的数值

小数点样式

image

静态模式下小数点样式

千分位样式

image

静态模式下千分位样式

扩展配置

前缀文字

image

前缀文字

后缀文字

image

后缀文字

前缀图标

前缀图标

后缀图标

image

后缀图标

交互

隐藏

image

隐藏,详情参见通用属性

隐藏时保留布局

image

隐藏时保留布局,详情参见通用属性

加载

image

显示加载

样式

外边距

image

外边距,详情参见通用属性

位置

image

组件在容器中的位置,有左、中、右三种选择。

CSS 样式

数值文字颜色

image

数值文字颜色

属性与方法

名称

类型

示例

说明

value

number

statistic.value

当前统计组件的数值

title

string

statistic.title

当前统计组件的标题

counter

string

statistic.counter

当前统计组件倒计时的时间

hidden

boolean

statistic.hidden

是否隐藏

clearHidden

func

statistic.clearHidden()

清除组件的hidden

clearValue

func

statistic.clearValue()

清除统计组件的数值

setHidden

func

statistic.setHidden()

设置组件的hidden

setValue

func

statistic.setValue(9999)

设置统计组件的数值