VUE Carousel 3D Slider高度

Question

我已经在我的网站上实现了 VUE Carousel 3D Slider，但我找不到如何控制幻灯片的高度。由于滑块不必要地太高，滑块下面有太多额外的 space。我试图设置 parent 元素的高度：

#vue-slider {
    height: 100%;
}

但没有用。

是否有正确调整滑块高度的设置？

这是 link，此滑块运行就在 header 的正下方：

https://search.rosaviabilet.ru/flights/MOW1809MIL25091

虽然加载有点延迟。

Answer 1

勾选the source codes at GitHub,

幻灯片高度绑定到计算的属性=slideHeight，然后您将看到

slideHeight () {
    const sw = parseInt(this.width, 10) + (parseInt(this.border, 10) * 2)
    const sh = parseInt(parseInt(this.height) + (this.border * 2), 10)
    const ar = this.calculateAspectRatio(sw, sh)
    return this.slideWidth / ar
}

而this.width、this.border、this.height是Carousel3d组件的props。

最后需要调整width,border,height才能制作幻灯片满足您的要求。

喜欢<carousel-3d :height="200" :width="100" :border="1"></carousel-3d>

VUE Carousel 3D Slider高度

VUE Carousel 3D Slider height

javascript

css

vue.js

height