Avatar 头像

Avatar 头像

何时使用

  • 需要展示用户头像或标识时。

基础用法

RG
<template>
  <Avatar>
    <AvatarImage src="/reglow.png" alt="Reglow" />
    <AvatarFallback>RG</AvatarFallback>
  </Avatar>
  <Avatar>
    <AvatarFallback></AvatarFallback>
  </Avatar>
</template>

导入

import { Avatar, AvatarImage, AvatarFallback } from "@reglow/reui";

组成

组件说明
Avatar容器(圆形裁剪)
AvatarImage图片(src / alt),加载失败自动隐藏
AvatarFallback兜底内容(字符/图标)