Avatar 头像用于展示用户的头像、图标或状态指示器,支持多种尺寸。
头像支持多种标准尺寸,始终保持 1:1 比例,圆角为尺寸的 25%。
size 可选:16 18 20 24 28 32 36 38 40 44 46 48 60 70 80 120 160。
支持图片头像和文字头像两种形式。
src:图片地址,设置后显示图片头像。
text:文本内容,设置后显示文字头像(取首字符)。
头像支持显示在线状态指示器(圆形或手机图标)。
status 可选:on(在线) inv(隐身) dnd(勿扰) mo(手机在线)。
头像可与数字徽标组合使用,显示数量提醒。
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| src | 头像图片地址 | string | - | '' |
| text | 头像文字(取首字符) | string | - | '' |
| size | 头像尺寸,带 status 时仅支持 80 | 48 | 46 | 40 | 36 | 32 | 24 | number | 16 | 18 | 20 | 24 | 28 | 32 | 36 | 38 | 40 | 44 | 46 | 48 | 60 | 70 | 80 | 120 | 160 | 40 |
| status | 在线状态类型,带状态时头像使用 SVG 蒙版,仅 size 为 80/48/46/40/36/32/24 时可用 | string | 'on' | 'inv' | 'dnd' | 'mo' | null |