Skip to content

AvatarMenu 头像菜单

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

基础用法

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

AvatarMenu API

AvatarMenu Attributes

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

AvatarMenu Events

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