首先我们还是先上效果图:
看我我在最新New之前利用before伪类加了一个竖标识;
直接上代码:
结构如下:
<view class="new {{newSelect?'active':''}}" @tap="choseNew">
最新<image src="../../images/index/new.png"/>
</view>
css如下:
.active{
position: relative;
color: #F25664;
background-color: #f5f5f5;
&::before{
content: ' ';
width: 8rpx;
height: 24rpx;
background-color: #F25664;
left: 0;
top: 30rpx;
position: absolute;
}
}