Vuetify nuxt，js v卡之间的间距

Question

我对Vuetify完全陌生，并尝试测试组件是否正常工作。该模块似乎可以正常工作，除了我在两个v卡之间的奇怪间距

这就是我得到的：

Image: The spacing between two cards

空白大约为736 * 484.8 px

代码：

<!-- Joke.vue -->
<template>
<v-app>

  <v-card
  elevation="5"
  class="pa-3 ma-0">

    <v-card
    class="ma-3 pa-5"
    elevation="5">
      <div>
        <v-card-text>test</v-card-text>
      </div>
    </v-card>

    <nuxt-link :to="'jokes/' + id">
      <v-card 
      elevation="5">
        <div class="joke">
          <p>{{ joke }}</p>
     
        </div>
      </v-card>
 
  </nuxt-link>


  </v-card>

</v-app>
 
</template>

<!-- index.vue-->
<template>
  <div >
    <SearchJokes v-on:search-text="searchText"/>
    
    <Joke v-for="joke in jokes" :key="joke.id" :id="joke.id" :joke="joke.joke"/>
    
  </div>
</template>

我试图更改页边距，但似乎不起作用

我正在使用@ nuxtjs / vuetify“：” ^ 1.11.2