uniapp顶部选项卡

解决方法：

在uniapp中，可以使用uni-tabs组件来实现顶部选项卡的功能。示例代码如下：

<template>
<div>
<uni-tabs :current="current" @click="handleChange">
<uni-tab title="选项卡1"></uni-tab>
<uni-tab title="选项卡2"></uni-tab>
<uni-tab title="选项卡3"></uni-tab>
</uni-tabs>
<div v-if="current == 0">
选项卡1的内容
</div>
<div v-if="current == 1">
选项卡2的内容
</div>
<div v-if="current == 2">
选项卡3的内容
</div>
</div>
</template>

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