nuxt.js - Vuetify v-container 流体未正确应用

Question

我正在使用 Nuxt.js + Vuetify 来设置我的网站的样式，但遇到了问题。当我使用 v-container 时，内容总是固定在一个狭窄的范围内，看起来“流体”设置为 false。你能告诉我解决这个问题的方法吗？

默认.vue

<template>
  <div>
    <v-app>
      <Header/>
        <v-content>
          <v-container fluid>
            <Nuxt/>
          </v-container>
        </v-content>
    </v-app>
  </div>
</template>

club_top.vue （这将被插入到 ）

<template>
<div>
<h2>Club top</h2>
  <v-card elevation="6" v-for="article of articles" :key="article.slug">
    <NuxtLink :to="{ name: 'blog-slug', params: { slug: article.slug } }">
      <div>
      <v-card-title>{{ article.title }}</v-card-title>
      <v-card-text>{{ article.description }}</v-card-text>
      </div>
    </NuxtLink>
  </v-card>
</div>

标签： nuxt.jsvuetify.js

Answer 1

<template>
  <v-app>
    <Header/>
    <v-main>
      <v-container fluid>
        <Nuxt/>
      </v-container>
    </v-main>
  </v-app>
</template>

在此处查看更多信息