ant-design-vue/components/badge/demo/basic.md

28 lines
634 B
Markdown

<cn>
#### 基本
简单的徽章展示,当 `count``0` 时,默认不显示,但是可以使用 `showZero` 修改为显示。
</cn>
<us>
#### basic
Simplest Usage. Badge will be hidden when `count` is `0`, but we can use `showZero` to show it.
</us>
```html
<template>
<div>
<a-badge count="5">
<a href="#" class="head-example"></a>
</a-badge>
<a-badge count="0" showZero>
<a href="#" class="head-example"></a>
</a-badge>
<a-badge>
<a-icon slot="count" type="clock-circle" style="color: #f5222d" />
<a href="#" class="head-example"></a>
</a-badge>
</div>
</template>
```