使用Vant Weapp实现只有文字的自定义标签栏。

在Vant Weapp中，你可以使用`van-tabs`组件来创建一个简单的只包含文字的自定义标签栏。`van-tabs`默认支持切换页面内容，但如果你只需要显示文本标签，可以通过以下步骤定制：

1. 首先，在你的项目中安装Vant Weapp组件库，如果还没有安装，可以在`index.wxml`文件的头部添加`<import>`标签导入`van-tabs`组件：

<import src="vant/components/tabs/index.vue" />

2. 然后，在需要展示标签栏的地方，比如`main.wxml`，编写HTML结构：

<view class="custom-tabs">
  <van-tabs v-model="activeIndex">
    <van-tab :title="tab1Title" @change="onTabChange(0)"></van-tab>
    <van-tab :title="tab2Title" @change="onTabChange(1)"></van-tab>
    <!-- 添加更多的tab标签 -->
  </van-tabs>
</view>

3. 在对应的JS文件（如`main.js`）中，设置标签标题，并定义`onTabChange`函数以处理切换事件：

Page({
  data: {
    activeIndex: 0,
    tab1Title: '标签1',
    tab2Title: '标签2', // 更多标签在这里定义
  },
  
  onTabChange(index) {
    this.activeIndex = index;
  }
})

4. 最后，为了仅显示文字，你需要调整`van-tab`的样式，隐藏掉内部的内容，例如：

.custom-tabs .van-tabs__content {
  display: none; /* 隐藏默认内容区域 */
}
.custom-tabs .van-tabs__item {
  flex-direction: column; /* 将标签水平排列改为垂直 */
  align-items: center; /* 中心对齐文字 */
}

.custom-tabs .van-tab::slotted(*) {
  visibility: hidden; /* 隐藏默认的标题元素 */
  position: absolute;
  width: 0;
  height: 0;
}

.custom-tabs .van-tab::before {
  content: attr(title); /* 显示自定义的文字作为标签 */
  font-size: 16px;
  color: #999;
  display: block;
  padding: 8px;
}