通过伪类设置单边框

<div>
    <div class="title">标题</div>
</div>

.title {
    padding-left: 30rpx;
    font-size: 28rpx;
}

.title:before {
    content: " ";
    position: absolute; //定位边框的位置
    top: 25%;
    left: 0;
    height: 60%;
    width: 8rpx;
    background-color: #3F93F5;
}