bootstrap 徽章的使用配合<sub><sup>，角标效果很不错

<p ng-click="gotooffice(item.plugurl)">_{<img src="imgs/s_1/{{item.plugimg}}.png" class="imgappcss" />}^{<span class="badge Red">{{item.unread}}</span>}</p>
<p style=" text-align:center; padding-top:8px;">{{item.plugname}}</p>
样式如下：
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color:red;
border-radius: 10px;
}
// 没有内容，不显示badge，很重要
.badge:empty {
display: none;
}

转载于:https://www.cnblogs.com/luckyren/p/8405132.html