vue开发中vant框架的NavBar和Tab嵌套问题

先上设计稿的效果图

然后这个是我写出来的样式

然后这个是我的代码

NavBar和Tab嵌套的时候，我的tab的切换标题不是和NavBar等高的，而且Tab的内容也顶上来了。分析下是Tab内容太多了NavBar装不下。才用vant还不是很懂，请问这种问题怎么解决啊？NavBar和Tab嵌套怎么才能达到设计稿那样的效果啊

因为它是整体垂直居中显示的 你自己调调样式

直接控制台查看元素改样式