VUE Carousel 3D Slider高度
VUE Carousel 3D Slider height
我已经在我的网站上实现了 VUE Carousel 3D Slider,但我找不到如何控制幻灯片的高度。由于滑块不必要地太高,滑块下面有太多额外的 space。我试图设置 parent 元素的高度:
#vue-slider {
height: 100%;
}
但没有用。
是否有正确调整滑块高度的设置?
这是 link,此滑块 运行 就在 header 的正下方:
https://search.rosaviabilet.ru/flights/MOW1809MIL25091
虽然加载有点延迟。
幻灯片高度绑定到计算的 属性=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,但我找不到如何控制幻灯片的高度。由于滑块不必要地太高,滑块下面有太多额外的 space。我试图设置 parent 元素的高度:
#vue-slider {
height: 100%;
}
但没有用。
是否有正确调整滑块高度的设置?
这是 link,此滑块 运行 就在 header 的正下方:
https://search.rosaviabilet.ru/flights/MOW1809MIL25091
虽然加载有点延迟。
幻灯片高度绑定到计算的 属性=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>