uni app 中的选项卡

Uni-app 中的选项卡可以使用 `uni-tabs` 组件来实现。`uni-tabs` 组件支持在不同选项卡之间进行切换，并且可以设置选项卡的样式、选项卡内容的展示方式等。

以下是一个简单的 `uni-tabs` 组件的示例：

<template>
  <view>
    <uni-tabs :current="currentTab" @click="onTabClick">
      <uni-tab title="选项卡1">
        <view>
          <text>选项卡1的内容</text>
        </view>
      </uni-tab>
      <uni-tab title="选项卡2">
        <view>
          <text>选项卡2的内容</text>
        </view>
      </uni-tab>
      <uni-tab title="选项卡3">
        <view>
          <text>选项卡3的内容</text>
        </view>
      </uni-tab>
    </uni-tabs>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        currentTab: 0,
      };
    },
    methods: {
      onTabClick(e) {
        this.currentTab = e.index;
      },
    },
  };
</script>

在上面的示例中，我们使用了 `uni-tabs` 组件来创建一个选项卡，并且通过 `uni-tab` 组件来定义每个选项卡的内容。可以通过设置 `current` 属性来指定当前显示的选项卡，通过监听 `click` 事件来处理选项卡的点击事件。