Skip to content

TAvatarList / 头像组

AvatarList groups avatars with optional stacking and max count truncation. When max is exceeded, a "+N" count avatar is shown. / 头像组将多个头像组合展示,支持堆叠效果和最大数量截断,超出时显示 "+N" 计数头像。

Props / 属性

PropType / 类型Default / 默认值Description / 说明
maxnumber0Max visible avatars (0=no limit)
size'xs' | 'sm' | 'md' | 'lg' | 'xl''md'Uniform size
shape'rounded' | 'square' | 'circle''rounded'Uniform shape
stackedbooleanManual stacking mode

Basic Usage / 基础用法

vue
<template>
  <TAvatarList :max="3">
    <TAvatar src="/u1.jpg" />
    <TAvatar src="/u2.jpg" />
    <TAvatar src="/u3.jpg" />
    <TAvatar src="/u4.jpg" />
    <TAvatar src="/u5.jpg" />
  </TAvatarList>
</template>