WXML
<view>
<scroll-view scroll-x="{
{true}}" class="top-nav-container" scroll-left="{
{scrollLeft}}">
<block wx:for="{
{topNavs}}">
<view class="tab-item {
{currentActiveNavIndex == index ? 'active':''}}" data-current-index="{
{index}}" bindtap="topNavChange">
{
{item}}
</view>
</block>
</scroll-view>
<swiper bindchange="swiperChange" class="swiper-container" current="{
{currentActiveNavIndex}}">
<block wx:for="{
{topNavs}}">
<swiper-item style="overflow:scroll">
<view>{
{item}}</view>
</swiper-item>
</block>
</swiper>
</view>
WXSS
.top-nav-containe