小程序实现 tab切换,点击tab 内容滚动切换

tab栏代码,点击那个高亮那个是通过 scroll-into-view 这个属性去实现的

<scroll-view class="tui-city-scroll container" scroll-x="true" scroll-into-view="NAV{{status}}" scroll-with-animation="true">
    <text bindtap="getStatus" id="NAV{{index}}" class="tui-nav-li {{index === status ? 'tui-nav-active' : ''}}" data-index="{{index}}" wx:for="{{navList}}" wx:key="index">{{item}}</text>
</scroll-view>

js

    getStatus(e){
        this.setData({ status: e.currentTarget.dataset.index})
        wx.pageScrollTo() 点击不同的tab  要分别滚动到哪里
        // console.log( e.currentTarget.dataset.index)
      },

列表区域

<view class="container" >
    <van-collapse class="iconCss" value="{{ activeNames }}" >
        <van-collapse-item wx:for="{{50}}"  wx:key="index" title="有赞微商城 {{item}}" name="1">
        </van-collapse-item>
    </van-collapse>