Statistic

指标数值卡片,支持前缀后缀、趋势与图标。

最后更新

说明

Thousand 千分位、Decimals 小数位,Trend 正负决定箭头方向与颜色。

常见能力:

  • 千分位与小数位
  • 同比趋势
  • 图标
  • 前缀后缀

用法

<Statistic Label="本月订单" Value="128460" Prefix="¥" Thousand="true" Trend="12.5" Icon="shopping-cart" />

API 参数

参数 类型 默认值 说明
Clickable bool false
Color string "primary" 图标色调:primary / success / warning / danger / info。
Decimals int 0 小数位数。
Foot string null 脚注。
Icon string null
Label string null
OnClick EventCallback — 事件
Prefix string null
Suffix string null
Thousand bool false 是否千分位显示。
Trend double 0 环比,正数为上升。
Value double 0 数值。
Visible bool true 取得或设置组件是否可见,默认为false。
VisibleChanged EventCallback<bool> — 事件 取得或设置组件可见性变化时的回调事件。
Class string null 取得或设置组件的CSS类名,用于自定义样式。
Disabled bool false 取得或设置组件是否禁用,默认为false。
Style string null 取得或设置组件的内联样式,用于自定义样式。

所有组件均继承 BaseComponent,除上表参数外还支持 Class、Style、Disabled、Visible。

微信公众号二维码 扫码关注公众号
QQ 交流群二维码 扫码加入 QQ 群