徽章/Badge
最后更新于:2022-04-01 22:22:09
# 徽章/Badge
轻松创建好看的徽章来标示和强调你的内容。
## 用法
要创建一个徽章,只需添加`.uk-badge`类到一个`<div>`或`<span>`元素中。
### 示例
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-12_57346f3447d34.jpg)
### Code
```
';
...
```
* * *
## 修饰
若需以不同的样式显示标签,只需为带有 `.uk-badge` 类的添加修饰类。这些修饰类可以相互结合使用。
### 通知
添加`.uk-badge-notification`类标示一个通知,通常用于显示数字。
#### 示例
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-12_57346f345832b.jpg)
### Code
```
...
```
* * *
### 色彩修饰
添加 `.uk-badge-success`, `.uk-badge-warning`或者`.uk-badge-danger`类为标签添加色彩。
#### 示例
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-12_57346f346903e.jpg)
### Code
```
...
...
...
```