uniapp点击选项卡切换➕分类选项卡内容

如果你想实现点击选项卡切换加上分类选项卡内容的功能，可以使用uniapp提供的tabBar组件和swiper组件。

首先，你需要在页面中引入tabbar组件和swiper组件：

<template>
  <view>
    <tabbar :current="current" @change="tabChange">
      <tabbar-item title="选项卡1"></tabbar-item>
      <tabbar-item title="选项卡2"></tabbar-item>
      <tabbar-item title="选项卡3"></tabbar-item>
    </tabbar>
    <swiper :current="current" @change="swiperChange">
      <swiper-item>
        <view>选项卡1对应的内容</view>
      </swiper-item>
      <swiper-item>
        <view>选项卡2对应的内容</view>
      </swiper-item>
      <swiper-item>
        <view>选项卡3对应的内容</view>
      </swiper-item>
    </swiper>
  </view>
</template>

在上面的代码中，我们创建了一个tabbar组件和一个swiper组件，分别用来实现选项卡和对应内容的切换。其中，tabbar组件的每个选项卡都有一个title属性，用来显示选项卡的标题。swiper组件的每个swiper-item元素都包含一个view元素，用来显示对应选项卡的内容。

接下来，你需要在页面的<script>标签中添加对应的逻辑代码，用来实现选项卡和内容的切换：

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

在上面的代码中，我们定义了一个current变量，用来记录当前选中的选项卡的索引值。然后，我们在tabChange方法和swiperChange方法中分别监听tabbar和swiper的切换事件，通过修改current变量的值来实现选项卡和内容的切换。

这样，你就可以通过uniapp提供的tabbar组件和swiper组件来实现点击选项卡切换加上分类选项卡内容的功能了。