组件
头像组 Avatar Group
AvatarGroup:一组重叠头像。每个头像带底色描边,重叠后仍能识别。
#基础用法
SG
LM
WZ
+6
<script setup lang="ts">
import { Avatar, AvatarGroup } from "@bysages/vue";
</script>
<template>
<AvatarGroup>
<Avatar.Root>
<Avatar.Fallback>SG</Avatar.Fallback>
</Avatar.Root>
<Avatar.Root>
<Avatar.Fallback>LM</Avatar.Fallback>
</Avatar.Root>
<Avatar.Root>
<Avatar.Fallback>WZ</Avatar.Fallback>
</Avatar.Root>
<Avatar.Root>
<Avatar.Fallback>+6</Avatar.Fallback>
</Avatar.Root>
</AvatarGroup>
</template>
#属性
#AvatarGroup
AvatarGroup:一组重叠头像。每个头像带底色描边,重叠后仍能识别。
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
size | String as PropType<"sm" | "md" | "lg"> | undefined | 头像组统一的尺寸档位;写入 data-size,供样式表调整头像尺寸 |