Skip to content

StatCard 指标卡片

xy-stat-card 用于统一后台首页、列表页和运营看板里的关键指标展示。它只承接数值、说明、趋势和图标,不额外引入异步协议或图表布局心智。

基础用法

用同一套指标卡片表达上升、下降、持平和加载中的指标状态。

本周成交额128,000

较上周继续提升

环比 +12%
退款申请18

需要关注异常退款单

环比 -4%
待处理工单36

今日排班稳定

环比持平

StatCard API

StatCard Attributes

属性说明类型默认值
title指标标题string''
value指标值string | number''
description辅助说明文案string''
icon指标图标名string''
trend趋势类型,仅影响趋势区图标与强调色'up' | 'down' | 'flat''flat'
trend-text趋势说明文案string''
loading是否显示骨架占位booleanfalse