小程序顶部tap顶部导航切换,方法二

这是第二种方法,适用于切换页面的展示效果相同时使用

wxml:

<view class="container">
 <view class="nav">
    <view class="navfirst">
    <scroll-view scroll-x="true" class="" scroll-left="{
   {navScrollLeft}}" scroll-with-animation="{
   {true}}">
            <block wx:for="{
   {number}}" wx:for-index="idx" wx:for-item="navItem" wx:key="idx">
                <view class="nav-item {
   {currentTab == idx ?'active':''}}" data-curr="{
   {idx}}"  data-current="{
   {navItem.title}}" bindtap="switchNav"></view>
            </block>   
        </scroll-view>
        <view class="find" bindtap="show"><imagesrc="https://mp.touhaowanjia.club/attachment/resource/shaixuan.png"/> 筛选&