设计
设计指南
设计原则
样式指南
设计资源
Klein - Figma
Klein Font
官方图标库
开发
开发文档
React
Vue Web
敬请期待
开发资源
GitHub 代码仓库
生态产品
生态产品
Orion Fonts
敬请期待
Orio Market
敬请期待
Klein Pro
敬请期待
Klein Editor
敬请期待
头像 Avatar
用来代表用户或事物,支持图片或字符。
头像加载
基础用法。
加载状态回调
通过onLoad及onError回调事件获取头像加载状态。
不同类型的头像
支持字符,图片。
Avatar Props
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
shape | 指定头像形状 | "circle" | circle |
size | 设置头像大小 | number | medium |
src | 头像资源地址 | string | - |
style | 自定义 style | CSSProperties | - |
className | 自定义 className | string | - |
alt | 图片无法显示时的替代文本 | string | - |
onError | 加载失败的事件 | (() => void) | - |
onLoad | 加载完成的事件 | (() => void) | - |