title: NoticeIcon
subtitle: 通知菜单
cols: 1
order: 9

用在导航工具栏上，作为整个产品统一的通知中心。

API

参数	说明	类型	默认值
count	图标上的消息总数	number	-
bell	translate this please -> Change the bell Icon	ReactNode	<Icon type='bell' />
loading	弹出卡片加载状态	boolean	false
onClear	点击清空按钮的回调	function(tabName)	-
onItemClick	点击列表项的回调	function(item, tabProps)	-
onLoadMore	加载更多的回调	function(tabProps, event)	-
onPopupVisibleChange	弹出卡片显隐的回调	function(visible)	-
onTabChange	切换页签的回调	function(tabTitle)	-
popupVisible	控制弹层显隐	boolean	-
locale	默认文案	Object	{ emptyText: 'No notifications', clear: 'Clear', loadedAll: 'Loaded', loadMore: 'Loading more' }
clearClose	点击清空按钮后关闭通知菜单	boolean	false

NoticeIcon.Tab

参数	说明	类型	默认值
count	当前 Tab 未读消息数量	number	list.length
emptyText	针对每个 Tab 定制空数据文案	ReactNode	-
emptyImage	针对每个 Tab 定制空数据图片	string	-
list	列表数据，格式参照下表	Array	[]
loadedAll	已加载完所有消息	boolean	true
loading	当前 Tab 的加载状态	boolean	false
name	消息分类的标识符	string	-
scrollToLoad	允许滚动自加载	boolean	true
skeletonCount	加载时占位骨架的数量	number	5
skeletonProps	加载时占位骨架的属性	SkeletonProps	{}
showClear	是否显示清空按钮	boolean	true
title	消息分类的页签标题	string	-

Tab data

参数	说明	类型	默认值
avatar	头像图片链接	string \	ReactNode
title	标题	ReactNode	-
description	描述信息	ReactNode	-
datetime	时间戳	ReactNode	-
extra	额外信息，在列表项右上角	ReactNode	-
clickClose	点击列表项关闭通知菜单	boolean	false