### 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 觸發事件 |