微信小程序--红色圆形数字冒泡

红色圆形数字冒泡

效果图：
.wxss

.view_qipao{
  width: 35rpx;
  height: 35rpx;  
  background-color:red;  
  border-radius: 50%;  
  display: flex;
  align-items: center;
  justify-content: center;  
}

.text_qipao{
  color: white;
  font-size: 25rpx;
}

.wxml

<view class="view_qipao">
	<text class="text_qipao" >6</text>
</view>