效果图
示例代码
<div class="hui-wrap">
<div class="hui-common-title" style="margin-top:15px;">
<div class="hui-common-title-line"></div>
<div class="hui-common-title-txt">数字标示演示</div>
<div class="hui-common-title-line"></div>
</div>
<div style="padding:30px;">
<span class="hui-badge">1</span>
<span class="hui-badge hui-primary">205</span>
<span class="hui-badge hui-danger">3000</span>
<br /><br />
<span class="hui-badge" style="font-size:20px; padding:3px 8px;">1</span>
<span class="hui-badge hui-primary" style="font-size:20px; padding:3px 8px;">205</span>
<span class="hui-badge hui-danger" style="font-size:20px; padding:3px 8px;">3000</span>
</div>
</div>