11HUI - 数字标识(hui-badge)

简介: 11HUI - 数字标识(hui-badge)

效果图

image.png

示例代码

<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>
目录
相关文章
15HUI - Loading动画(hui.loading)
15HUI - Loading动画(hui.loading)
52 0
15HUI - Loading动画(hui.loading)
|
JavaScript
10HUI - 按钮(hui-button)
10HUI - 按钮(hui-button)
56 0
|
JavaScript
25HUI - 下拉刷新(hui-loading-wrap)
25HUI - 下拉刷新(hui-loading-wrap)
61 0
07HUI - 普通列表(hui-list)
07HUI - 普通列表(hui-list)
43 0
03HUI -基础文本(hui-common-title)
03HUI -基础文本(hui-common-title)
49 0
17HUI - 进度条(hui-progress)
17HUI - 进度条(hui-progress)
40 0
17HUI - 进度条(hui-progress)
18HUI - popoverMsg(hui('#btn1').popoverMsg)
18HUI - popoverMsg(hui('#btn1').popoverMsg)
38 0
|
JavaScript 前端开发
01HUI -HUI介绍
01HUI -HUI介绍
58 0
|
JavaScript
27HUI - picker(huiPicker)
27HUI - picker(huiPicker)
45 0
|
移动开发 JavaScript HTML5
28HUI - DatePicker(hui.datePicker())
28HUI - DatePicker(hui.datePicker())
29 0