横向导航栏
.scroll-view-item {
display: inline-block;
line-height: 104rpx;
width: 100%;
padding-right: 72rpx;
text-align: center;
font-size: 32Rpx;
// 激活项的样式
&.active {
background-color: #ffffff;
position: relative;
// 渲染激活项左侧的红色指示边线
&::before {
content: ' ';
display: block;
width: 30rpx;
height: 6rpx;
background-color: #c00000;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
}
}