微标效果

普通微标

10　 999+

<span class="ui-badge">10</span>　
<span class="ui-badge ui-badge-red">999+</span>

微标尺寸

　　添加以下样式即可控制尺寸：

ui-badge-dot
ui-badge-sm

最小尺寸　小尺寸　 12 正常尺寸

<span class="ui-badge ui-badge-dot"></span> 最小尺寸　
<span class="ui-badge ui-badge-sm"></span> 小尺寸
<span class="ui-badge">12</span> 正常尺寸

微标颜色

　　添加以下样式即可控制颜色：

ui-badge-red
ui-badge-yellow
ui-badge-blue
ui-badge-green

10 默认　 999+ 红色　 10 黄色　 10 蓝色　 10 绿色

<span class="ui-badge">10</span> 默认　
<span class="ui-badge ui-badge-red">999+</span> 红色　
<span class="ui-badge ui-badge-yellow">10</span> 黄色　
<span class="ui-badge ui-badge-blue">10</span> 蓝色　
<span class="ui-badge ui-badge-green">10</span> 绿色

角标效果

<div class="ui-badge-warp">
  <img src="/upfile/noface.gif" width="48"><span class="ui-badge ui-badge-dot ui-badge-red"></span>
</div>
<div class="ui-badge-warp">
  <img src="/upfile/noface.gif" width="48"><span class="ui-badge ui-badge-sm ui-badge-blue"></span>
</div>