VUE Carousel 3D 滑块高度

【问题标题】：VUE Carousel 3D Slider heightVUE Carousel 3D 滑块高度
【发布时间】：2018-06-20 23:09:43
【问题描述】：

我在我的网站上实现了VUE Carousel 3D Slider，但我找不到如何控制幻灯片的高度。由于滑块太高，滑块下方有太多额外空间。我试图设置父元素的高度：

#vue-slider {
    height: 100%;
}

但它没有帮助。

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

这是此滑块在标题正下方运行的链接：

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

不过加载有点延迟。

【问题讨论】：

标签： javascript css vue.js height

【解决方案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>

【讨论】：