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') |
← Progress 进度条 Alert 警告 →