在 ion-slide-box 内部使用时,flex 停止工作

flex stops working when used inside of ion-slide-box

这是演示 [离子滑动盒内部弯曲][1]

如果我取消对 ion slide box 的注释,flexbox 将停止工作,但会以其他方式工作。

我该如何解决这个问题?

编辑: 这是现在的样子:

[![在此处输入图片描述][2]][2]

然而,我希望得到这个:

[![在此处输入图片描述][3]][3]

这是因为当您添加 <ion-slide-box> 时,离子框架会生成一个没有高度设置的动态 class .slider。因此子元素不能计算height: 100%

要解决此问题,请设置父项的高度 class:

.slider {
  height: 100%;
}

Updated Ionic