Vuetify v-app无法应用class属性

Question

我不能将class="grey lighten-4"应用于v-app标签。甚至颜色属性不起作用

<template>
  <v-app class="grey lighten-4"> 
    <Navbar />
    <v-content class="mx-4">
      <router-view></router-view>
    </v-content>
  </v-app>
</template>

我想让内容有“灰色变亮-4”的颜色，见截图：

​

Answer 1

我是个菜鸟，也有同样的问题。当我将这个类应用于v-main时，它对我起作用了。它现在没有显示任何错误。

    <template>
      <v-app>
        <v-main class="blue-grey lighten-4">
          <Navbar />
          <router-view></router-view>
        </v-main>
      </v-app>
    </template>

这是我在Stack Overflow上的第一天。:)

Answer 2

您必须移动v-content标记中的所有内容，然后更改v-content类，如下所示：

<template>
  <v-app>

    <v-content class="grey lighten-4">
      <Navbar />
      <router-view></router-view>
    </v-content>

  </v-app>
</template>

Answer 3

<template>
  <v-app> 
    <v-container fluid class="grey lighten-4">
      <Navbar />
      <v-content class="mx-4">
        <router-view></router-view>
      </v-content>
    </v-container>
  </v-app>
</template>