vant滑动切换标签页

可以使用 vant 的 Tab 组件来实现滑动切换标签页的效果。具体实现步骤如下：

1. 引入 Tab 组件

import { Tab, Tabs } from 'vant';

2. 在模板中使用 Tabs 组件

<template>
  <div>
    <van-tabs v-model="active">
      <van-tab title="标签页1">内容1</van-tab>
      <van-tab title="标签页2">内容2</van-tab>
      <van-tab title="标签页3">内容3</van-tab>
    </van-tabs>
  </div>
</template>

3. 在 data 中定义 active 变量，用于控制当前选中的标签页

data() {
  return {
    active: 0,
  };
},

4. 根据需要设置 Tabs 组件的属性，例如设置标签页宽度、高度、颜色等

<van-tabs v-model="active" :line-width="60" :line-height="3" active-color="#f44">