css-伪元素

伪元素来实现此效果

//flex方案一
.point-tag {
 display: flex;
 align-items: center;
}
.point-tag::before {
 content: " ";
 margin-right: 8rpx;
 height: 60%;
 border-left: 6rpx solid #70BF4C;
 font-size: 8rpx;
}
//方案二
.point-tag {
}
.point-tag::before {
 content: " ";
 display: inline-block;
 margin-right: 8rpx;
 height: 60%;
 border-left: 6rpx solid #70BF4C;
 font-size: 8rpx;
}
//padding 来实现