Avatar 头像

用于展示用户头像，支持图片与文字回退。

基础用法

SD

<script setup>
import { DanAvatar, DanSpace } from '@dandan-ui/ui'
</script>

<template>
  <DanSpace>
    <DanAvatar src="/images/starburst.png" alt="星空" />
    <DanAvatar src="/images/blackhole.png" alt="黑洞" size="large" />
    <DanAvatar src="/images/wall-sunset.png" alt="日落" shape="square" />
    <DanAvatar size="small">S</DanAvatar>
    <DanAvatar>D</DanAvatar>
  </DanSpace>
</template>

Props

属性	说明	类型	默认值
src	图片地址	string	—
alt	替代文本 / 失败时取首字	string	''
size	尺寸	number | 'small' | 'default' | 'large'	'default'
shape	形状	'circle' | 'square'	'circle'
fit	图片适应	'fill' | 'contain' | 'cover' | 'none' | 'scale-down'	'cover'