Applet srcoll-view navigation Case

<scroll-view scroll-x>
    <view wx:for="{{bArr}}" data-index="{{index}}" bindtap='swithFn' class='{{touchindex==index ? "currentTab": ""}}'>
        {{item}}
    </view>

</scroll-view>

scroll-view{ width: 100%; display:flex; white-space: nowrap;  font-size: 26rpx;  color: #fff; height: 60rpx; }

scroll-view view {
    padding: 10rpx 25rpx;
    margin: 0 20rpx;
    background: #3566a1;
    display: inline-block;
}

.currentTab{ background: #f4aa8a;}

bArr: [, "liquid-based cytology," "colposcopy", "gynecological examination", "HPV E6 / E7mRNA" "HPV - DAN type", "pathology" ], 
        touchindex: 0,