uni-app怎么滑动切换？

uni-app我现在这个代码怎么滑动切换？现在只能点击文字切换，我想要滑动切换关注和主页

<template>
  <view>
    <!-- 滑动容器 -->
    <swiper :current="currentTab" @change="tabChange">
      <!-- 关注页面 -->
      <swiper-item>
        <view>
          <!-- 关注页面内容 -->
        </view>
      </swiper-item>

      <!-- 主页页面 -->
      <swiper-item>
        <view>
          <!-- 主页页面内容 -->
        </view>
      </swiper-item>
    </swiper>

    <!-- 底部切换标签 -->
    <view>
      <text class="tab" :class="{ active: currentTab === 0 }" @click="switchTab(0)">关注</text>
      <text class="tab" :class="{ active: currentTab === 1 }" @click="switchTab(1)">主页</text>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      currentTab: 0, // 当前选中的标签
    };
  },
  methods: {
    switchTab(index) {
      this.currentTab = index;
    },
    tabChange(event) {
      this.currentTab = event.detail.current;
    },
  },
};
</script>

<style>
.tab {
  width: 50%;
  text-align: center;
  padding: 10px;
}

.active {
  color: #ff0000;
}
</style>

switch滑块吧，参考下这个看看 http://t.csdn.cn/Z6PKJ

下面的内容可以考虑用swiper（滑块视图容器）包裹起来
然后用一个变量接收swiper的current（当前所在滑块的 index）
监听change事件（current 改变时会触发 change 事件，event.detail = {current: current, source: source}）
当index==0的时候，激活“关注”，index==1的时候激活“主页”
我的uniapp项目就是这样解决滑动问题的
希望对你有帮助

使用uview https://v1.uviewui.com/components/tabsSwiper.html

• 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7775972
• 你也可以参考下这篇文章：uni-app是什么？可以用来做什么？
• 除此之外, 这篇博客: uni-app常见问题以及解决方案中的 监听手势返回操作？并实现重定向效果？ 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• uni-app提供了onBackPress方法，回调内参数event包含返回事件触发方式,event.from=backbutton | navigateBack``backbutton为系实体键触发或者顶部导航栏返回按钮触发，navigateBack返回API触发。onBackPress并没有提供像Vue内的next方法，可以拦截返回页面，实现重定向的操作。如果想实现重定向的效果，建议在onUnload生命周期内通过属性判断是否系统触发还是Api触发，如果由系统触发直接调用Api方法跳转到重定向页面，从而实现重定向效果。

• 您还可以看一下 郑楚绵老师的uni-app实战视频点播app小程序课程中的 自定义播放器开发（十六）全屏关闭全屏小节, 巩固相关知识点