wx ：swipertab切换

<view>
    <view class="navbar">
        <block wx:for="{{body}}" wx:key="index">
            <view class="navbar-item {{activeIndex === index ? 'active':''}}" style="position: relative;">
                <text> {{ item.text }} </text>
                <view data-value="{{index}}" style="position: absolute;top: 0;left: 0;right: 0;bottom:0;z-index: 999" bindtap="bodyChange"></view>        
            </view>
        </block>
    </view>
    <swiper class="body-data" duration="500" bindchange="bodySwiper" current="{{activeIndex}}">
        <block wx:for="{{body}}" wx:key="index">
            <swiper-item>
                <block wx:if="{{body[index].data.length!=0}}">
                    <scroll-view scroll-y bindscroll="bodyscroll">
                        <block wx:for="{{body[index].data}}" wx:key="index">
                            <view>{{item.name}}</view>
                        </block>
                    </scroll-view>
                </block>
                <block wx:else>
                    <view>暂无数据</view>
                </block>
            </swiper-item>
        </block>
    </swiper>        
</view>

// pages/swipertab/swipertab.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    activeIndex:0,
    body:[
      {
        value:'',text:'首页',
        data:[
          {name:'最新消息0'},
          {name:'最新消息'}
        ]
      },
      {
        value:'',text:'首页1',
        data:[
          {name:'最新消息1'},
          {name:'最新消息'}
        ]
      },
      {
        value:'',text:'首页2',
        data:[
          {name:'最新消息2'},
          {name:'最新消息'}
        ]
      },
      {
        value:'',text:'首页3',
        data:[
          {name:'最新消息3'},
          {name:'最新消息'}
        ]
      },
      {
        value:'',text:'首页4',
        data:[
          {name:'最新消息4'},
          {name:'最新消息'}
        ]
      },
      {
        value:'',text:'首页5',
        data:[
          {name:'最新消息5'},
          {name:'最新消息'}
        ]
      },
      {
        value:'',text:'首页6',
        data:[]
      },
      {
        value:'',text:'首页7',
        data:[]
      },
      {
        value:'',text:'首页8',
        data:[]
      },
      {
        value:'',text:'首页9',
        data:[]
      },
      {
        value:'',text:'首页10',
        data:[]
      }
    ]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  bodyChange(e){
    this.setData({
      activeIndex:e.target.dataset.value
    })
  },
  bodySwiper(e){
    this.setData({
      activeIndex:e.detail.current
    })
  },
  bodyScroll(e){
    console.log(e)
  },

  }
})

page{
    min-height: 100vh;
    background: #ccc;
}

.active{
    background: red;
    transition: 0.3s;
}