说明
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 群