51 lines
1.1 KiB
Markdown
51 lines
1.1 KiB
Markdown
<cn>
|
|
#### 在卡片中使用
|
|
在卡片中展示统计数值。
|
|
</cn>
|
|
|
|
<us>
|
|
#### In Card
|
|
Display statistic data in Card.
|
|
</us>
|
|
|
|
```html
|
|
<template>
|
|
<div style="background: #ECECEC; padding: 30px">
|
|
<a-row :gutter="16">
|
|
<a-col :span="12">
|
|
<a-card>
|
|
<a-statistic
|
|
title="Feedback"
|
|
:value="11.28"
|
|
:precision="2"
|
|
suffix="%"
|
|
:valueStyle="{color: '#3f8600'}"
|
|
style="margin-right: 50px"
|
|
>
|
|
<template v-slot:prefix>
|
|
<a-icon type="arrow-up" />
|
|
</template>
|
|
</a-statistic>
|
|
</a-card>
|
|
</a-col>
|
|
<a-col :span="12">
|
|
<a-card>
|
|
<a-statistic
|
|
title="Idle"
|
|
:value="9.3"
|
|
:precision="2"
|
|
suffix="%"
|
|
valueClass="demo-class"
|
|
:valueStyle="{ color: '#cf1322' }"
|
|
>
|
|
<template v-slot:prefix>
|
|
<a-icon type="arrow-down" />
|
|
</template>
|
|
</a-statistic>
|
|
</a-card>
|
|
</a-col>
|
|
</a-row>
|
|
</div>
|
|
</template>
|
|
```
|