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

YDUI Touch Docs 返回首页

Badge

1、说明

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

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

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

2、使用

2.1、圆形角标

2.1.1、标签添加.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>

2.1.2、效果如下:

2.2、方形角标

2.2.1、标签添加.badge .badge-raduis相应色系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>

2.2.2、效果如下:

3、参与讨论

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