简介
统计组件是用于展示统计数值的魔笔基础组件。
配置项
分类 | 配置 | 示例 | 说明 |
内容 | 标题 |
| 统计标题 |
模式 |
| 有静态和倒计时两种模式 | |
截止时间 |
| 倒计时模式下的截止时间，值为截止时间的时间戳 | |
日期格式 |
| 倒计时模式下的日期格式 | |
数值 |
| 静态模式下显示的数值 | |
小数点样式 |
| 静态模式下小数点样式 | |
千分位样式 |
| 静态模式下千分位样式 | |
扩展配置 | 前缀文字 |
| 前缀文字 |
后缀文字 |
| 后缀文字 | |
前缀图标 | 前缀图标 | ||
后缀图标 |
| 后缀图标 | |
交互 | 隐藏 |
| 隐藏，详情参见通用属性 |
隐藏时保留布局 |
| 隐藏时保留布局，详情参见通用属性 | |
加载 |
| 显示加载 | |
样式 | 外边距 |
| 外边距，详情参见通用属性 |
位置 |
| 组件在容器中的位置，有左、中、右三种选择。 | |
CSS 样式 | 数值文字颜色 |
| 数值文字颜色 |
属性与方法
名称 | 类型 | 示例 | 说明 |
value | number |
| 当前统计组件的数值 |
title | string |
| 当前统计组件的标题 |
counter | string |
| 当前统计组件倒计时的时间 |
hidden | boolean |
| 是否隐藏 |
clearHidden | func |
| 清除组件的hidden值 |
clearValue | func |
| 清除统计组件的数值 |
setHidden | func |
| 设置组件的hidden值 |
setValue | func |
| 设置统计组件的数值 |
该文章对您有帮助吗？