Question

我正在使用带有一些图像的V型传送带，并且希望iten之间的幻灯片更慢/更平滑。

这将是一种优雅的方式吗？

<v-carousel interval="5000" :height="window.height - 48" hide-controls hide-delimiters>
                <v-carousel-item :src="congresso">
                </v-carousel-item>
                <v-carousel-item :src="stf">
                </v-carousel-item>
                <v-carousel-item :src="tse">
                </v-carousel-item>
</v-carousel>

Answer 1

将此添加到您的 variables.scss 文件中：

.v-window {
  &-x-transition,
  &-x-reverse-transition,
  &-y-transition,
  &-y-reverse-transition {
    &-enter-active,
    &-leave-active {
      transition: 1.1s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
    }
  }
}

更改转换变量中的第一个参数（此处为 1.1s）以设置整体速度。

*来自https://github.com/vuetifyjs/vuetify/issues/7476

如何更改V型转盘滚动/滑动过渡速度？

1 个答案: