vant标签页这个组件,怎么将内容放置在标签页上方?

img

vant标签页这个组件,怎么将内容放置在标签页上方?


"active">
  tab title="标签 1">内容 1tab>
  tab title="标签 2">内容 2tab>
  tab title="标签 3">内容 3tab>
  tab title="标签 4">内容 4tab>

就是这段代码,内容在标签页上方

img


你在这个页面,添加个页面


.页面类 .van-tabs {
     display: flex;
    flex-direction: column-reverse;
}

页面类是你当前页面的,避免影响到全局的标签页样式,然后设置样式如上,让他的元素倒着排

如果不需要tab自带的滑动效果的话,可以在上面自己写一个div用来显示。不用tab自带的

可以自己手写