Skip to content

TextAvatar 文字头像

简介

用于展示用户或对象的首字母头像,支持自定义大小、圆角、数字徽标,自动分配背景色。

基本用法

vue
<template>
  <g-text-avatar text="张三" />
  <g-text-avatar text="李" :size="40" :number="5" />
  <g-text-avatar text="A" :roundedfull="true" />
</template>

属性说明

属性说明类型默认值
text显示的文本string
size头像大小(px)number32
number数字徽标number0
roundedfull是否为圆形booleanfalse

插槽

无。