Vant小程序组件隐藏整条Tab标签 只显示内容

因为要制作小程序左右页切换效果，用上vant的tab标签页作为滑动效果还挺好的，但既然要全屏效果，就需要把整个顶部去掉，因官网没有直接隐藏的属性，所以得自己动手了

默认效果

wxss

/* 导航栏隐藏 */
.van-tabs--line{
  padding-top: 0!important;
}

.van-tabs__wrap{
  z-index: none!important;
  height: 0!important;
}

.van-tab__pane{
  width: 100%;
  height: 1000px!important;
}
.van-tab__title{
  font-size: 0px!important;
}
.van-tab{
  height: 0px!important;
}

直接在你要隐藏主页的wxss文件中添加上该css即可（不保证以后也能用👀）

演示.gif

隐藏后

演示2.gif