如何在v形旋转木马上添加视差效果

Question

我有一个"v形转盘"；有了一堆图像，现在我想在上面添加视差效果(比如"v视差"(。

<v-carousel cycle height="600" hide-delimiter-background show-arrows-on-hover>
<v-carousel-item v-for="(slide, i) in slides" :key="i" eager>
<v-img :src="slide.src" height="100%"/>
</v-carousel-item>
</v-carousel>

Answer 1

检查我制作的这个代码沙盒：https://codesandbox.io/s/stack-70665623-50fyk?file=/src/components/Example.vue

你的意思是这样的？如果是这样，您所需要做的就是使用v-parallax组件，而不是v-carousel-item中的v-img。

<v-carousel
cycle
height="400"
hide-delimiter-background
show-arrows-on-hover
>
<v-carousel-item
v-for="(slide, i) in slides"
:key="i"
eager
>
<v-parallax :src="slide.src"></v-parallax>                 
</v-carousel-item>
</v-carousel>