ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
# 徽章/Badge 轻松创建好看的徽章来标示和强调你的内容。 ## 用法 要创建一个徽章,只需添加`.uk-badge`类到一个`&lt;div&gt;`或`&lt;span&gt;`元素中。 ### 示例 ![](https://box.kancloud.cn/2016-05-12_57346f3447d34.jpg) ### Code ``` <div class="uk-badge">...</div> ``` * * * ## 修饰 若需以不同的样式显示标签,只需为带有 `.uk-badge` 类的添加修饰类。这些修饰类可以相互结合使用。 ### 通知 添加`.uk-badge-notification`类标示一个通知,通常用于显示数字。 #### 示例 ![](https://box.kancloud.cn/2016-05-12_57346f345832b.jpg) ### Code ``` <div class="uk-badge uk-badge-notification">...</div> ``` * * * ### 色彩修饰 添加 `.uk-badge-success`, `.uk-badge-warning`或者`.uk-badge-danger`类为标签添加色彩。 #### 示例 ![](https://box.kancloud.cn/2016-05-12_57346f346903e.jpg) ### Code ``` <div class="uk-badge uk-badge-success">...</div> <div class="uk-badge uk-badge-warning">...</div> <div class="uk-badge uk-badge-danger">...</div> ```