效果图

示例代码

<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>