<template><view><!-- 第一个标签页 --><view v-if="currentTab === 0"><!-- 页面内容 --></view><!-- 第二个标签页 --><view v-if="currentTab === 1"><!-- 页面内容 --></view><!-- 第三个标签页 --><view v-if="currentTab === 2"><!-- 页面内容 --></view></view></template><script>export default {  data() {    return {      currentTab: 0  // 当前选中的标签页    }  }}</script><style>/* 样式 */</style>

<template><view><!-- 标签页切换 --><uni-swiper :current="currentTab"><!-- 第一个标签 --><uni-swiper-item><view>标签页1</view></uni-swiper-item><!-- 第二个标签 --><uni-swiper-item><view>标签页2</view></uni-swiper-item><!-- 第三个标签 --><uni-swiper-item><view>标签页3</view></uni-swiper-item></uni-swiper><!-- 标签页内容 --><view><tab-content :current-tab="currentTab"></tab-content></view></view></template><script>export default {  data() {    return {      currentTab: 0  // 当前选中的标签页    }  },  methods: {    // 标签页切换事件    handleTabChange(e) {      this.currentTab = e.detail.current    }  },  components: {    'tab-content': TabContent  }}</script><style>/* 样式 */</style>