Badge 标记

出现在按钮、图标旁的数字或状态标记。

基本用法

展示新消息数量。

评论
显示代码

自定义内容

可以显示数字以外的文本内容,或以红点的形式标注需要关注的内容。

数据查询
显示代码

方法

显示代码

参数

你可以通过修改$.fn.badge.defaults来修改全局默认配置,也可以在初始化时传入指定配置$(el).badge({xx: xx})

参数 说明 类型 可选值 默认值
value 显示值 number / string - ''
max 最大值,超过最大值会显示 '{max}+',要求 value 是 Number 类型 number - -
isDot 小圆点 boolean - false
hidden 隐藏 badge boolean - false
type 类型 string primary / success / warning / danger / info -

方法

你可以通过调用$(el).badge('xxx')来调用已被初始化过的元素的Badge方法。

方法 说明 举例
set 重新设置Badge(可直接传入值,也可传入新的配置参数) $(el).badge('set', 9)$(el).badge('set', {'hidden', true})
get 获取值 $(el).badge('get')