徽章 Badge

示例

基本形式

在<span>或<a>标签上使用.u-badge即可。

<span class="u-badge">New</span>
<a class="u-badge">Free</a>

颜色扩展

<span class="u-badge u-badge-primary">Primary</span>
<span class="u-badge u-badge-info">Info</span>
<span class="u-badge u-badge-success">Success</span>
<span class="u-badge u-badge-warning">Warning</span>
<span class="u-badge u-badge-error">Error</span>

数字

<span class="u-badge u-badge-info u-badge-number">1</span>
<span class="u-badge u-badge-warning u-badge-number">7</span>
<span class="u-badge u-badge-error u-badge-number">256</span>