嗞嗞嗞~ 你的浏览器仿佛在对我微笑!

YDUI Touch Docs 返回首页

Badge

1、说明

1.1、示例:http://m.ydui.org/html/badge.html

1.2、包含圆形样式和方形样式;

提供五中颜色样式:默认、badge-primary、badge-danger、badge-warning、badge-hollow;

2、调用

圆形角标
1 2 3 4 5

标签添加 .badge相应色系class类

<div>
<span class="badge">1</span>
<span class="badge badge-primary">2</span>
<span class="badge badge-danger">3</span>
<span class="badge badge-warning">4</span>
<span class="badge badge-hollow">5</span>
</div>
方形角标
123 321 333 4444 55555

标签添加 .badge .badge-radius相应色系class类

<div>
<span class="badge badge-radius">123</span>
<span class="badge badge-radius badge-primary">321</span>
<span class="badge badge-radius badge-danger">333</span>
<span class="badge badge-radius badge-warning">4444</span>
<span class="badge badge-radius badge-hollow">55555</span>
</div>

3、参与讨论

3.1、有任何使用问题,请在评论中留言,也欢迎大家发表意见、建议。感谢您对YDUI的支持。