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

392 B

#### 带徽标的头像 通常用于消息提示。 #### With Badge Usually used for messages remind.
<template>
  <div>
    <span style="margin-right:24px">
      <a-badge :count="1"><a-avatar shape="square" icon="user"/></a-badge>
    </span>
    <span>
      <a-badge dot><a-avatar shape="square" icon="user"/></a-badge>
    </span>
  </div>
</template>