Vuetify JS 2.x 卡片内容 z-index

Question

我正在尝试向 Vuetify JS 卡片组件中的 .v-responsive__content 元素添加一些自定义 CSS。我在网上看了看，似乎找不到这个插槽，我需要手动设置这个元素的 z-index 值，因为我在v-card 组件上使用::before 来添加背景覆盖.

我在定位这个时遇到了一些麻烦，有人可以提供帮助/建议吗？

<v-card
  class="mx-auto mb-8"
  max-width="375"
>
  <v-img
    class="white--text align-end"
    height="200"
    :src="source"
  >
    <v-card-title class="pb-0 mb-n1">Title</v-card-title>
    <v-row>
      <v-col cols="8">
        <v-card-subtitle class="white--text text-truncate py-0">Subtitle</v-card-subtitle>
      </v-col>
      <v-col class="text-right">
        <v-chip
          class="chip-custom chip-custom--primary ma-0 mr-4 mt-n2"
          color="primary"
          text-color="white"
          small
        >
          text
          <v-icon right small class="ml-1">mdi-star</v-icon>
        </v-chip>
      </v-col>
    </v-row>
  </v-img>
</v-card>

Answer 1

我通常对 z-index 使用内联样式