如何在使用 vuetify 构建的 Web 中将 v-app-bar 和 v-system-bar 居中

Answer 1

我认为您正在寻找 V 型布局。只需用它包裹您的内容即可。

  <v-layout>
    <v-system-bar>System bar</v-system-bar>
    <v-app-bar
      class="border-blue"
      style="width: 800px; margin: auto"
    >
      App Bar <v-app-bar-title>APP TITLE</v-app-bar-title>
    </v-app-bar>
    <v-main>
      <v-container>
        <h1>HELLO MAIN</h1>
      </v-container>
    </v-main>
    <v-footer> FOOTER </v-footer>
  </v-layout>

游乐场

文档