Vuetify默认的carousel CSS选择器，用于减少过渡期的时间。

Question

我需要一个不会产生可怕的图像闪烁的v-carousel-item的过渡。理想情况下，它是一个平滑而快速的渐变，它可以用于过渡和反向过渡。我已经尝试了所有Vuetify内置的转场，以及几个自定义的转场，但是没有任何效果。我的问题可以看到本期代码笔 并在一份报告中 GitHub Vuetify Issue.

<div id="app">
  <v-app>
    <v-carousel>
      <v-carousel-item
        v-for="(item,i) in items"
        :key="i"
        :src="item"
        reverse-transition="fade-transition"
        transition="fade-transition"
      ></v-carousel-item>
    </v-carousel>
  </v-app>
</div>

Answer 1

这里有一个CSS的变通方法，可以解决目前开放的问题。https:/github.comvuetifyjsvuetifyissues10809#issuecomment-629468386

.v-carousel .v-window-item {
  position: absolute;
  top: 0;
  width: 100%;
}

这里是一个代码笔 纵横交错 v-tabs.