ElementUI浅尝辄止18:Avatar 头像

用图标、图片或者字符的形式展示用户或事物信息。

常用于管理系统或web网站的用户头像,在用户账户模块更换头像操作也能看到关于Avatar组件的应用。

1.如何使用?

通过 shape 和 size 设置头像的形状和大小。


2.展示类型

支持三种类型:图标、图片和字符

3.图片加载失败的 fallback 行为

当展示类型为图片的时候,图片加载失败的 fallback 行为


4. 图片如何适应容器框

当展示类型为图片的时候,使用 fit 属性定义图片如何适应容器框,同原生 object-fit。


 关于Avatar组件的常见使用就是这些,想要深入了解可前往头像组件

你可能感兴趣的:(element-ui,elementui,前端)