Avatar 头像

用于展示用户或对象头像，支持文字占位与图片两种形态。

基础用法

文字头像

张李王赵

示例代码

文字头像取内容首字符渲染；无任何内容时显示 ? 占位。

尺寸

尺寸变体

张李王赵钱

示例代码

图片头像

图片头像

示例代码

头像组

头像组

张李

示例代码

多个 oas-avatar 由 oas-avatar-group 包裹后按顺序向左重叠陈列。

最大展示数

张李王

示例代码

设置 max 后超出部分隐藏，末尾显示 +N 计数圆点。

统一尺寸

size 统一组内所有头像尺寸（px），无需逐个设置；配合 max 时，+N 计数圆点同步适配尺寸。

统一尺寸 size

张李张李王赵

示例代码

空态兜底

无内容兜底

多

示例代码

API

oas-avatar

属性	说明	类型	默认值
alt	图片替代文本	—	—
size	头像尺寸（px）	string	32
src	图片地址，存在时渲染图片头像	string	—

oas-avatar-group

属性	说明	类型	默认值
max	最大展示头像数，超出显示 +N 计数圆点	string	—
size	统一头像尺寸（px），计数圆点同步适配	string	—

名称	说明
默认	—

说明：alt 在首次渲染时读取，未加入观察列表，动态修改需自行触发重渲染。