Stats数据统计组件

2024-07-01 00:17:41首发，3周前更新

stats数据统计主要用来凸显某个数值，可搭配使用icon、disk、tips、unit等属性，让统计组件内容更加丰富；支持reset、set等普通操作方法。

简单使用

使用ax-stats标签即可表示一个数字统计内容。数字可写在label属性上或直接写在标签内。

使用tips

tips属性表示对数字的说明解释。

使用unit

unit属性表示对数字的单位。

Attributes属性

属性名	语义类型	可选值	默认值	说明
disabled	boolean	-	-	是否禁用
inverted	boolean	-	-	是否反向布局
dir	string	'h'/'v'	'h'	布局方向
badge	string	-	-	徽章文本
label	string	-	-	主标题
unit	string	-	-	单位文本
tips	string	-	-	提示文本
cube	string	-	-	方形图片地址
disk	string	-	-	圆形图片地址
image	string	-	-	普通图片地址
icon	string	-	-	图标类名

Methods方法

有组件通用的内置方法：

• set：设置组件属性，支持一个参数即被设置的属性值键值对{key，value}或其数组
• reset：重置组件属性，无参数
• clear：清除属性和值，无参数

基本用法：CompElem.reset();

Events事件

有组件通用的事件：

• connected：组件连接成功，无参数
• disconnected：组件断开连接，无参数
• adopted：组件被转移，无参数
• set：设置了属性，支持一个参数即设置的值
• cleared：清除了属性，无参数
• reset：重置了属性，无参数

基本用法：CompElem.on('connected',()=>{console.log('connected')});