uniapp tabs滑动切换页面

要实现tabs滑动切换页面，可以使用uni-app提供的swiper组件和tabBar组件结合使用。

首先，在页面的template中添加swiper组件和tabBar组件：

<template>
  <view>
    <swiper :current="current" @change="handleSwiperChange">
      <swiper-item>
        <view>
          页面1的内容
        </view>
      </swiper-item>
      <swiper-item>
        <view>
          页面2的内容
        </view>
      </swiper-item>
      <swiper-item>
        <view>
          页面3的内容
        </view>
      </swiper-item>
    </swiper>
    <tabBar :current="current" @click="handleTabBarClick">
      <tabBar-item text="页面1"></tabBar-item>
      <tabBar-item text="页面2"></tabBar-item>
      <tabBar-item text="页面3"></tabBar-item>
    </tabBar>
  </view>
</template>

在script中定义current变量，用来记录当前显示的页面：

<script>
export default {
  data() {
    return {
      current: 0
    }
  },
  methods: {
    handleSwiperChange(e) {
      this.current = e.detail.current
    },
    handleTabBarClick(e) {
      this.current = e.detail.index
    }
  }
}
</script>

在handleSwiperChange和handleTabBarClick方法中，都需要更新current变量的值，以保持页面的同步。

这样就可以实现tabs滑动切换页面的效果了。