徽章/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 ```
...
...
...
```
';