Stats数据统计组件
2024-07-01 00:17:41首发，2周前更新
stats数据统计主要用来凸显某个数值，可搭配使用icon、disk、tips、unit等属性，让统计组件内容更加丰富；支持reset、set等普通操作方法。
AX-STATS数据统计组件(webcomponent)详细使用方法和诸多示例 需5金币2周前更新
Stats数据统计组件2周前更新
简单使用
使用ax-stats标签即可表示一个数字统计内容。数字可写在label属性上或直接写在标签内。
输出
HTML
824
使用tips
tips属性表示对数字的说明解释。
输出
HTML
824
使用unit
unit属性表示对数字的单位。
输出
HTML
824
Attributes属性
属性名
语义类型
可选值
默认值
说明
disabled
boolean
-
-
是否禁用
flipped
boolean
-
-
是否反向布局
flow
string
'h'/'v'
'h'
布局方向
badge
string
-
-
徽章文本
label
string
-
-
主标题
unit
string
-
-
单位文本
tips
string
-
-
提示文本
cube
string
-
-
方形图片地址
disk
string
-
-
圆形图片地址
image
string
-
-
普通图片地址
icon
string
-
-
图标类名
prefix
string
-
-
前缀文本
suffix
string
-
-
后缀文本
Methods方法
有组件通用的内置方法：
set：设置组件属性，支持一个参数即被设置的属性值键值对{key，value}或其数组
reset：重置组件属性，无参数
clear：清除属性和值，无参数
基本用法：CompElem.reset();
Events事件
有组件通用的事件：
connected：组件连接成功，无参数
disconnected：组件断开连接，无参数
adopted：组件被转移，无参数
set：设置了属性，支持一个参数即设置的值
cleared：清除了属性，无参数
reset：重置了属性，无参数
基本用法：CompElem.on('connected',()=>{console.log('connected')});
上一篇
Spin加载器组件
2个月前更新
下一篇
Status状态组件
5个月前更新