Avatar 头像 您所在的位置:网站首页 牧马人em915和g60 Avatar 头像

Avatar 头像

2023-05-25 03:41| 来源: 网络整理| 查看: 265

Avatar 头像 #

Avatar 组件可以用来代表人物或对象, 支持使用图片、图标或者文字作为 Avatar。

基础用法 #

使用 shape 和 size 属性来设置 Avatar 的形状和大小。

展示类型 #

支持使用图片,图标或者文字作为 Avatar。

回退行为 #

图片加载失败时的回退行为。

适应容器 #

当使用图片作为用户头像时,设置该图片如何在容器中展示。与 object-fit 属性一致

API #Attributes #名称说明类型默认值icon设置 Avatar 的图标类型,具体参考 Icon 组件string / Component—sizeAvatar 大小number / enumdefaultshapeAvatar 形状enumcirclesrcAvatar 图片的源地址string—src-set图片 Avatar 的原生 srcset 属性string—alt图片 Avatar 的原生 alt 属性string—fit当展示类型为图片的时候,设置图片如何适应容器enumcoverEvents #名称说明类型error图片加载失败时触发FunctionSlots #插槽名说明default自定义头像展示内容源代码 #

组件 • 文档

贡献者 # 三咲智子 云游君 Jeremy Aex C.Y.Kun 류한경 Delyan Haralanov Herrington Darkholme bqy Carter Li liangjunjie Hades-li


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有