徽章／Badge

轻松创建美观的通知徽章。

用法

要创建徽章，只需将 .uk-badge 类添加到内联元素，例如 <a> 或 <span> 元素中。

<span class="uk-badge"></span>
  • 1 100
  • <span class="uk-badge">1</span>
<span class="uk-badge">100</span>

注意 翻译批注：此类太简单，且大小设计不是很合理，建议结合 <sup>自定义使用，也可以适当自定义添加如V2版的的色彩修饰如：.uk-badge-success, .uk-badge-warning 或者 .uk-badge-danger；另外，需要注意此类与中文结合的基线对齐问题（自定义调整）。

上一篇： Background

下一篇： Base

badge.md

# 徽章／Badge

<p class="uk-text-lead">轻松创建美观的通知徽章。</p>

## Usage-用法

要创建徽章，只需将  `.uk-badge`  类添加到内联元素，例如 `<a>` 或 `<span>` 元素中。

```html
<span class="uk-badge"></span>
```

```example
<span class="uk-badge">1</span>
<span class="uk-badge">100</span>
```
**注意** 翻译批注：此类太简单，且大小设计不是很合理，建议结合 `<sup>`自定义使用，也可以适当自定义添加如V2版的的色彩修饰如：`.uk-badge-success`, `.uk-badge-warning` 或者 `.uk-badge-danger`；另外，需要注意此类与中文结合的`基线`对齐问题（自定义调整）。