作为电商网站，我们知道要优化用户体验，比如说购物车数量1位数、2位数、超过99时，该怎么展示好看呢？
展示效果：
style：
.little{
display:inline-block;
min-width:7px;
border-radius:100%;
-webkit-border-radius:100%;
background:red;
color:#fff;
padding:0 4px;
height:16px;
line-height:16px;
-webkit-background-clip:padding-box;
background-clip:padding-box;
}
.middle{
text-align:center;
display:inline-block;
height:16px;
min-width:11px;
line-height:16px;
background:red;
border-radius:10px;
-webkit-border-radius:10px;
color:#fff;
padding:0 6px
}
.big{
text-align:center;
display:inline-block;
height:16px;
min-width:11px;
line-height:16px;
background:red;
border-radius:10px;
-webkit-border-radius:10px;
color:#fff;
padding:0 6px
}
项目中的数据不可能是是写死的，是根据接口返回或者计算得到的数据后，根据数据大小取不同的class
以vue为框架的为例：
count为接口取会数据。
