在 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%;
}
这是演示 [离子滑动盒内部弯曲][1]
如果我取消对 ion slide box 的注释,flexbox 将停止工作,但会以其他方式工作。
我该如何解决这个问题?
编辑: 这是现在的样子:
[![在此处输入图片描述][2]][2]
然而,我希望得到这个:
[![在此处输入图片描述][3]][3]
这是因为当您添加 <ion-slide-box>
时,离子框架会生成一个没有高度设置的动态 class .slider
。因此子元素不能计算height: 100%
要解决此问题,请设置父项的高度 class:
.slider {
height: 100%;
}