ant-design-vue/components/statistic/demo/unit.vue

46 lines
836 B
Vue

<docs>
---
order: 1
title:
zh-CN: 单位
en-US: Unit
---
## zh-CN
通过前缀和后缀添加单位
## en-US
Add unit through `prefix` and `suffix`.
</docs>
<template>
<a-row :gutter="16">
<a-col :span="12">
<a-statistic title="Feedback" :value="1128" style="margin-right: 50px">
<template #suffix>
<like-outlined />
</template>
</a-statistic>
</a-col>
<a-col :span="12">
<a-statistic title="Unmerged" :value="93" class="demo-class">
<template #suffix>
<span>/ 100</span>
</template>
</a-statistic>
</a-col>
</a-row>
</template>
<script lang="ts">
import { LikeOutlined } from '@ant-design/icons-vue';
import { defineComponent } from 'vue';
export default defineComponent({
components: {
LikeOutlined,
},
});
</script>