头像 Avatar

基础用法

<template>
  <bp-space>
    <bp-avatar v-for="size in sizeList" :size>
      <IconUser3Line />
    </bp-avatar>
  </bp-space>
</template>

<script setup lang="ts">
const sizeList = ["mini", "small", "default", "large"];
</script>

Avatar 属性

shape	头像形状	String	circle	-
image-url	图片地址	String	-	-
object-fit	图片填充方式	String	cover	-
size	头像尺寸	StringNumber	default	-

Avatar 插槽

default	文字/图标内容	-	-
loading	图片加载中内容	-	-
error	图片加载失败内容	-	-