feat: 头像组件
This commit is contained in:
15
client/ui/Avatar.jsx
Normal file
15
client/ui/Avatar.jsx
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
export default function Avatar({ src, text, icon = 'person', ...props } = {}) {
|
||||||
|
return (
|
||||||
|
src ? <mdui-avatar {...props}>
|
||||||
|
<img src={src} alt={'(头像)' + text || ''} />
|
||||||
|
</mdui-avatar>
|
||||||
|
: (
|
||||||
|
text ? <mdui-avatar {...props}>
|
||||||
|
{
|
||||||
|
text.substring(0, 0)
|
||||||
|
}
|
||||||
|
</mdui-avatar>
|
||||||
|
: <mdui-avatar icon={icon} {...props} />
|
||||||
|
)
|
||||||
|
)
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user