当需要实现一个边框比容器长度小一些时,只需要使用伪类就可以实现这个效果
titleDiv:after{
content: '';
position: absolute;
bottom: 0;
right: 0;
height: 4rpx;
width: 36rpx;
background-color: rgba(37, 97, 253, 1);
left: 50%;
transform: translateX(-50%);
}
最后两句是控制蓝色边框居中。