element3 icon indicating copy to clipboard operation
element3 copied to clipboard

avatar Component

Open shengxinjing opened this issue 3 years ago • 1 comments

  • [x] 设置头像的图标类型

    • 输入Icon类型的名称,可以显示对应的Icon
  • [x] 设置头像的大小, 会改变头像的宽和高

    • 当输入字符串的时候, 可选值number / large / medium / small, 默认 large
    • 当输入数字的时候, 会更改头像的style width/height的属性
  • [x] 设置头像的形状

    • 可以输入circle / square两个值, 会改变头像的圆角的的属性
  • [x] 设置图片头像的资源地址

    • img 的原生 src 属性, 可以支持 base64
  • [x] 设置一系列用户代理使用的可能的图像

    • 浏览器根据宽、高和像素密度来加载相应的图片资源
  • [x] 设置描述图像的替换文本

  • [x] 设置图片如何适应容器框

    • 可选值有四种fill / contain / cover / none / scale-down, 会改变图片的如何适应,不会改变宽和高
  • [x] 设置图片加载失败的回调函数, 返回 false 会关闭组件默认的 callback 行为, 加载失败组件默认不显示图片

  • [x] 自定义头像展示内容, 如果传则覆盖图片的显示内容

https://e3.shengxinjing.cn/#/component/avatar

shengxinjing avatar Jun 17 '22 09:06 shengxinjing

申领

Q-kil avatar Jun 17 '22 09:06 Q-kil