Avatar 头像

用来代表用户或事物,支持图片、图标或字符展示。

何时使用 #

需要展现当前页面上可供跳转的锚点链接,以及快速在锚点之间跳转。

代码演示

头像有三种尺寸,两种形状可选。

支持三种类型:图片、Icon 以及字符,其中 Icon 和字符型可以自定义图标颜色及背景色。

对于字符型的头像,当字符串较长时,字体大小可以根据头像宽度自动调整。

通常用于消息提示。

API #

nz-avatar #

参数 说明 类型 默认值
nzShape 指定头像的形状 circle square circle
nzSize 设置头像的大小 default large small default
nzText 文本类头像 string -
nzSrc 图片类头像的资源地址;倘若图片加载失败,自动显示 nzIcon > nzText string -
nzIcon 设置头像的图标类型,参考 icon 组件 string -