Skip to content

ProAvatar

ProAvatar 组件是一个包含头像和下拉菜单的组合组件,常用于导航栏的用户信息展示。它封装了 n-avatarn-dropdown 组件,提供了自定义头像、用户名显示、下拉菜单选项等功能,支持灵活的配置和扩展。

基础用法

admin
Default
expand codecollapse code

Props

参数类型可选值默认值说明
namestring用户名,显示在头像旁边
optionsArray<DropdownOption | DropdownGroupOption | DropdownDividerOption | DropdownRenderOption>必填下拉菜单的选项列表
srcstring | anydefaultAvatar头像图片的资源地址
size'small' | 'medium' | 'large' | number'small''medium''large'、number'medium'头像的尺寸
lazybooleantruefalsefalse是否开启图片懒加载
roundbooleantruefalsefalse头像是否为圆形

事件

事件名回调参数说明
select(key: string | number)当选择下拉菜单项时触发,返回所选项的键值