样式参考
左上角和左下角的圆角
css代码
.active-item::after{
content: '';
position: absolute;
bottom: -20rpx;
right: 0;
width: 20rpx;
height: 20rpx;
background-color: #fff;
z-index: 99;
line-height: 10px;
display: block;
text-align: center;
background-image: radial-gradient(140rpx at 0px 20rpx,#F5F6F7 20rpx,#fff 20rpx) ;
transform: rotate(360deg);
}
.active-item text::after{
content: '';
position: absolute;
top: 50%;
transform: translate(0%,-50%);
left: 0;
width: 5rpx;
height: 50rpx;
background: #2C9CB8;
border-radius: 0px 8px 8px 0px;
}