## 红点/标签组件
按内容组成，可将红点分为红点和角标。红点，顾名思义红色圆点；角标，除红色图形外，包含数字、文字。

### Import
```js
import { Badge } from 'bxs-ui-vue';
```

### Example
```html
<!-- 实心小红点 -->
<bxs-badge></bxs-badge>
<!-- 数字圆形红点 -->
<bxs-badge :text="'1'"></bxs-badge>
<!-- 数字椭圆形数字红点 -->
<bxs-badge :text="'99+'"></bxs-badge>
<!-- 数字椭圆形数字红点，固定宽度 -->
<bxs-badge :text="'99+'" :width="24"></bxs-badge>
<!-- 文字标签 -->
<bxs-badge :text="'新'" :type="'label'"></bxs-badge>
<!-- 文字标签 -->
<bxs-badge :text="'New'" :type="'label'"></bxs-badge>
<!-- 数字椭圆形数字红点，带描边 -->
<bxs-badge :text="'10'" :outline="!0"></bxs-badge>
<!-- 文字标签，带描边 -->
<bxs-badge :text="'New'" :type="'label'" :outline="!0"></bxs-badge>
<!-- 小红点，角标 -->
<bxs-badge :subscript="!0"></bxs-badge>
```
```js
export default {
  components: {
    [Badge.name]: Badge
  }
}
```

### Attributes
| 参数| 说明 | 类型 | 默认值 |
| --- | --- | --- |  --- |
| text | 可选，显示文本 | String | empty |
| type | 可选，红点类型 | String | circle |
| width | 可选，宽度 | Number | null |
| outline | 可选，是否有描边 | Boolean | false |
| subscript | 可选，是否是角标 | Boolean | false |


### Slot
无

### Event
无
