今天在开发过程中遇到MUI Tab选项卡内容高度始终为0的情况,官方Demo是设置了固定高度的,去掉就无法撑开,以前遇到过一次是自己通过逐层改样式实现默认100%高度,今天研究了一会实在懒得调样式,于是百度了一番,发现相关资料很少,好在在dcloud社区看到一个回复,尝试了一下发现的确有用,现在整理一下供大家参考。
解决方案
1、在最外层class为mui-content的元素上添加class:mui-fullscreen;
2、然后为其直接子元素mui-slider添加height: 100%;属性。
代码如下
<style>
.mui-slider {
height: 100%;
}
</style>
<div class="mui-content mui-fullscreen">
<div id="slider" class="mui-slider">
</div>
</div>
在此感谢dcloud社区 @是非非不是灰灰 同学的提示。