离子滑动盒具有不同的滑动高度

Question

我正在使用ion-slide-box,但问题是,我的ion-slides高度并不相同,所以它将所有的ion-slides 设置为高度的大小.以下是一个例子

• 离子滑1高度30px
• 离子滑动2高度100px

因此,ion-slide-box高度将为100px,这将在slide1中创建一个空白区域(70px).当用户使用该空白区域(70px)滑动时,slider不起作用.

slidebox为不同的幻灯片高度工作的方式/解决方法是什么？

Answer 1

你可以用这个:

.slider-slides{
  display: flex;
  flex-direction: row;
}

Answer 2

如果您想要一个固定高度的滑块，并且每张幻灯片都填充滑块高度而不留任何空白，请在 style.css 中添加以下行：

.slider {
height: 200px; /* slider height you want */
}
.slider-slide {
 color: #000;
 background-color: #fff;
 height: 100%;
}