Skip to page content

头像

QAvatar(头像)组件创建了一个可伸缩的、可着色的元素,可以在其元素内包含文本、图标或图像。默认情况下,它是圆形的,但它也可以是正方形,或者带有圆角的矩形。

它通常和别的组件的插槽搭配使用。

TIP

使用 size 属性来定义 Avatar 组件的长和宽。font-size属性可以设置 Avatar 组件内使用的文字的大小,同时也会作用到字母和图标上面。

方形



无障碍访问
v2.25+

QAvatar 是一个纯展示型容器,自身不声明任何 ARIA 语义(通过 icon 属性设置的图标会被标记为装饰性的)。当头像传达的是身份信息而非纯装饰时,你放在其中的内容需要自行承载该含义——为默认插槽中的 <img> 提供 alt 属性,或在仅有字母首字母缩写且不易理解的场景下添加 aria-label