Vuetify-修复了带有绝对页脚的NavigationDrawer留下不必要的空间

Question

我正在使用Vuetify，并希望将Fred\ Bloggs@example.com true Joe.\\Blow@example.com true ""test\\blah""@example.com true 和v-navigation-drawer固定到视口但没有v-toolbar的情况，即只有在滚动时才出现到页面底部。

我已经将v-footer道具同时应用于抽屉和工具栏，它们恰好贴在视口上。我还向页脚添加了fixed道具，使其显示在页面的最底部。

但是，即使看不到页脚，抽屉也会在“固定”页脚的末端留出空间，看起来不正确。

截屏：

当我滚动到底部时，页脚会占用剩下的空间：

我该如何解决这个问题？

Answer 1

[Bug Report] v-footer leaves v-navigation-drawer too short when inset #4686

请参见此github issue，我相信您在14天前发现了一个已标记为critical和inProgress的错误。 Here是该错误的Codepen演示。

Answer 2

它很hacky，但我通过添加app和inset并用.pl-0删除了左侧填充来解决了这个问题：

<v-navigation-drawer
      v-model='state.drawerOpen'
      fixed
      app >

    <v-list >

    </v-list>

    <v-footer class="justify-center pl-0" inset app>
      <span>&copy; 2018</span>
    </v-footer> 

</v-navigation-drawer>

Demo in CodePen