<docs>
---
order: 0
title:
zh-CN: 基本
en-US: Basic
## zh-CN
简单的徽章展示，当 `count` 为 `0` 时，默认不显示，但是可以使用 `showZero` 修改为显示。
## en-US
Simplest Usage. Badge will be hidden when `count` is `0`, but we can use `showZero` to show it.
</docs>
<template>
<a-badge count="5">
<a-avatar shape="square" size="large" />
</a-badge>
<a-badge count="0" show-zero>
<a-badge>
<template #count>
<clock-circle-outlined style="color: #f5222d" />
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { ClockCircleOutlined } from '@ant-design/icons-vue';
export default defineComponent({
components: {
ClockCircleOutlined,
},
});
</script>
