TAvatarList / 头像组
AvatarList groups avatars with optional stacking and max count truncation. When max is exceeded, a "+N" count avatar is shown. / 头像组将多个头像组合展示,支持堆叠效果和最大数量截断,超出时显示 "+N" 计数头像。
Props / 属性
| Prop | Type / 类型 | Default / 默认值 | Description / 说明 |
|---|---|---|---|
max | number | 0 | Max visible avatars (0=no limit) |
size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Uniform size |
shape | 'rounded' | 'square' | 'circle' | 'rounded' | Uniform shape |
stacked | boolean | — | Manual 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>