Avatar 头像

通过 src 设置图片地址，通过 alt 设置首字母缩写，或通过默认插槽传入自定义内容：

提供 xs / sm / md / lg / xl 五种预设尺寸，也支持传入数字自定义大小：

通过 shape 设置头像形状：circle（圆形）、square（方形）、rounded（圆角方形）：

通过 color 属性设置头像背景色，适用于文字头像：

设置 bordered 属性在头像周围添加白色边框，常用于头像组中区分重叠的头像：

通过 fit 属性设置图片填充方式，等同于 CSS object-fit 属性：

通过 show-indicator 显示在线状态点，indicator-status 设置状态：online / offline / busy / away，indicator-position 设置位置：

通过 indicator-position 设置指示器位置：top-right / top-left / bottom-right / bottom-left：

使用 NAvatarGroup 组合多个头像，支持设置最大显示数量和方向：

搭配 NBadge 组件展示未读消息数等信息：

在卡片等容器中使用头像，构建用户信息展示：