Html 如何在quasar框架中不从布局中覆盖抽屉

我正在创建一个网站，学习如何更好地使用vue。我就我的问题发表评论： 原来我有一个总的布局，里面有一个页眉，一个抽屉和一个页脚。当我访问web上的另一个页面时，它有另一个布局，其中包括一个抽屉，该抽屉将是一个新菜单。我的问题是，当我访问此页面时，最后一个布局的抽屉位于不同布局中的标题下方。我给你一些图片，以便更好地理解

这是带有标题的图像：

当我向下滚动时，这个没有标题，然后标题没有显示：

如您所见，菜单叠加在标题下方

接下来，我将向您展示叠加的代码：

MainLayout.vue：

福。。。

DroperLayout.vue：

{{subcategory.name}

简而言之，我希望它是这样的：