组件

OneAvatar

提供 src 时渲染图片；否则回退到 text 或默认插槽中的文字。尺寸与状态色与其它数据展示组件一致。

M设计

查看代码收起代码

import { OneAvatar } from '@geektech/one';

new OneAvatar({ src: '/avatar.png', alt: '头像', ariaLabel: '用户头像' });
new OneAvatar({ text: 'M', variant: 'primary' });

形状与尺寸

shape 支持 circle 和 square，非法值回退 circle；size 支持 sm、md、lg，非法值回退 md。

API

OneAvatar 属性
名称	签名	说明
`src`	`src?: string`	图片地址；存在时渲染 img。
`alt`	`alt?: string`	图片替代文本。
`text`	`text?: string`	无 src 时的文字回退。
`size`	`size?: OneComponentSize`	sm、md 或 lg，默认 md。
`shape`	`shape?: 'circle' \| 'square'`	头像形状，默认 circle。
`variant`	`variant?: OneDataDisplayVariant`	状态背景色，默认 neutral。
`ariaLabel`	`ariaLabel?: string`	存在时设置 role="img" 与 aria-label。
`children`	`children?: Array<VNode \| string>`	无 src 时的文字回退，优先于 text。