伪类实现徽标

1、通常要弄徽标一般是弄成组件的形式，如果不需要太复杂的功能，那么用伪类实现更加方便

2、实现：

给需要添加徽标的button或者div、view等元素添加自定义属性data-count

<div :data-count='count'></div>

然后添加对应的类名，比如：count，之后利用css中的attr函数传值给伪类的content

.count{  position: relative;}.count::before{  position: absolute;  right: 20rpx;  top: -4rpx;  content: attr(data-count);  display: block;  width: 26rpx;  height: 26rpx;  font-size: 20rpx;  color: rgba(255,254,254,1);  line-height: 26rpx;  background: rgba(238,63,50,1);  border-radius: 50%;}