### Badge 数字角标 数字角标一般和其它控件（列表、9宫格等）配合使用，用于进行数量提示，默认为实心灰色背景，组件名：`ts-badge`。 **使用方式：** 在`script`中引用组件 ~~~javascript import tsBadge from "@/components/teaset/components/ts-badge/ts-badge.vue" export default { components: {tsBadge} } ~~~ 在`template`中使用组件 ~~~html <ts-badge text="1"></ts-badge> <ts-badge text="2" type="success" @click="bindClick"></ts-badge> <ts-badge text="3" type="primary" :inverted="true"></ts-badge> ~~~ **Badge 属性说明：** | 属性名 | 类型 | 默认值 | 说明 | | --- | --- | --- | --- | | text | String | \- | 角标内容 | | type | String | default | 颜色类型，可选值：default（灰色）、primary（蓝色）、success（绿色）、warning(黄色)、error(红色) | | size | String | normal | Badge 大小，可取值：normal、small | | inverted | Boolean | false | 是否无需背景颜色，为 true 时，背景颜色将变为文字的字体颜色 | | @click | EventHandle | \- | 点击 Badge 触发事件 |