Vue.js 如何使用Vuetify在旋转木马的分隔符上方添加文本？

我正在使用Vue/Vuetify，需要向旋转木马幻灯片添加文本以进行说明。我认为将文本放在分隔符上方和图像下方是最好的位置。我不想把文字叠加在图像上。Vuetify文档没有给出任何示例。如何做到这一点？

您可以在

v-carousel-item

标记内制作自己的旋转木马设计，使用vuetify元素将文本放置在您想要的位置

已更新

<div id="app">
  <v-app id="inspire">
    <v-container fluid>
    <v-layout row wrap justify-center>
      <v-flex xs6>
         <v-carousel>
          <v-carousel-item
            v-for="(item,i) in items"
            :key="i"  
            :src="item.src"
          >

                    <v-container
                      fill-height
                      fluid
                      pa-0 ma-0 pb-3 

                    >
                      <v-layout fill-height align-end pb-4 mb-4>
                        <v-flex xs12>
                          <v-card color="red" class="pa-2">
                          <span class="headline white--text" v-text="item.src">                               </span>
                          </v-card>
                        </v-flex>
                      </v-layout>
                    </v-container>

             </v-carousel-item>
           </v-carousel>
        </v-flex>
      </v-layout>
    </v-container>
  </v-app>
</div>

谢谢，这与我想要的非常接近。知道如何使文本不与分隔符重叠吗？我尝试了简单的间隔符，但没有成功。你需要分隔符和分隔符上方的文本？我需要分隔符上方的文本。非常感谢，Sabee！

<div id="app">
  <v-app id="inspire">
    <v-container fluid>
    <v-layout row wrap justify-center>
      <v-flex xs6>
         <v-carousel>
          <v-carousel-item
            v-for="(item,i) in items"
            :key="i"  
            :src="item.src"
          >

                    <v-container
                      fill-height
                      fluid
                      pa-0 ma-0 pb-3 

                    >
                      <v-layout fill-height align-end pb-4 mb-4>
                        <v-flex xs12>
                          <v-card color="red" class="pa-2">
                          <span class="headline white--text" v-text="item.src">                               </span>
                          </v-card>
                        </v-flex>
                      </v-layout>
                    </v-container>

             </v-carousel-item>
           </v-carousel>
        </v-flex>
      </v-layout>
    </v-container>
  </v-app>
</div>