使用场景:在有新消息,讯息时,或者是app/插件/功能模块可以更新,升级时使用这个组件。
徽章依托的内容 可以是图标,文字,也可以没有。图标有大图标和小图标两种;通过 Badge 的 count 属性 显示有多少条信息,count 为 0 时隐藏; overflowCount 设置超过这个值,显示 overflowCount 的值;Badge 可以没有 children,独立使用。
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
children | 徽章依托的内容 | ReactNode | - |
count | 展示的数字,大于 overflowCount 时显示为 ${overflowCount}+,为 0 时默认隐藏 | Number/String | 0 |
showZero | 当count为0时,是否显示count | Boolean | false |
content | 自定义节点内容 | ReactNode | - |
overflowCount | 展示的封顶的数字 | Number/String | 99 |
dot | 不展示数字,只展示一个小红点 | Boolean | false |
特殊场景下需要展示动态效果。
使用 content 属性定义显示的内容。