Skip to content

Stat ​

用于展示关键指标、趋势变化和补充说明。

导入 ​

ts
import { Stat } from '@astryx-vue/lab'

属性 ​

名称类型默认值说明
labelstring必填指标名称。
valuestringundefined预先格式化好的主数值;默认插槽优先。
deltaStatDeltaundefined趋势变化,包含 value、direction 和可选的 sentiment。
descriptionstringundefined主数值下方的补充说明。
size'sm' | 'md' | 'lg''md'主数值的字号。

direction 可取 'up' | 'down' | 'flat'。默认颜色依次为成功、错误、次要文字;可用 sentiment: 'positive' | 'negative' | 'neutral' 覆盖,适合“下降是好事”的指标。

插槽 ​

名称说明
默认插槽自定义主数值内容。
media在指标内容下方放置图表或其他媒体。