Appearance
Badge 徽章
展示新消息数量。
基本用法
定义value属性,它接受Number或者String。
独立使用
最大值
可自定义最大值。
设置max属性可以定义角标显示的最大值。
自定义内容
可以显示数字以外的文本内容。
定义value为String类型是时可以用于显示自定义文本。
小红点
除了数字外,设置is-dot属性,它接受一个 Boolean。
状态点
设置 is-status,可以得到不同的状态点。
自定义颜色
设置color属性可以自定义颜色。
Badge API
属性
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| value | 显示值 | string,number | -- | -- |
| max | 最大值,超过最大值会显示 '{max}+',要求 value 是 Number 类型 | number | -- | -- |
| is-dot | 小圆点 | boolean | -- | false |
| hidden | 隐藏 badge | boolean | -- | false |
| type | 类型 | 'string'| 'primary'|'success' |'warning'|'danger'|'info' | ||
| is-status | 状态点 | boolean | -- | false |
| text | 自定义提示内容(必须和is-status一起使用) | string | -- | -- |
| text-color | Badge的文字样式 | string | -- | -- |
| color | Badge 的背景样式(支持渐变色,背景图片["url(图片地址)"]) | string | -- | -- |
| independent | 独立使用 | boolean | -- | false |
插槽
| 插槽名 | 参数 | 说明 | 类型 |
|---|---|---|---|
| default | () | 自定义默认内容 | - |
| content | () | 自定义显示内容 | { value: string | number } |