Skip to content

AvatarMenu 头像菜单 ​

xy-avatar-menu 适合工作台头部、侧边壳子和个人中心入口。

基础用法 ​

适合统一承接“用户信息 + 菜单命令”这一类轻量头部入口。

AvatarMenu API ​

AvatarMenu Attributes ​

属性说明类型默认值
username用户名,显示在头像右侧的加粗文字string''
description用户名下方的描述文字string''
items下拉菜单项数组,即 DropdownItem 的别名 AvatarMenuItemAvatarMenuItem[][]
dropdown-props透传给 xy-dropdown 的 props,触发方式默认为 click,可经此属性覆盖Partial<DropdownProps>{}
avatar-props透传给 xy-avatar 的 propsPartial<AvatarProps>{}

AvatarMenu Events ​

事件名说明参数
command点击下拉菜单命令项时派发(command: AvatarMenuCommand) => void,AvatarMenuCommand 即 DropdownCommand | string | undefined
select选中下拉菜单项时派发(item: DropdownSelectItem) => void