<template>
<div>
   <div>
      <a-avatar :size="64" icon="user" />
      <a-avatar size="large" icon="user" />
      <a-avatar icon="user" />
      <a-avatar size="small" icon="user" />
    </div>
    <br />
    <div>
      <a-avatar shape="square" :size="64" icon="user" />
      <a-avatar shape="square" size="large" icon="user" />
      <a-avatar shape="square" icon="user" />
      <a-avatar shape="square" size="small" icon="user" />
    </div>
    <br/>
    <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>
</div>
    
</template>

<script>
export default {
    
}
</script>
<style scoped>

</style>