问题描述
使用uniapp开发app,刚好用了一个带虚拟导航(可以隐藏的那种)的华为手机,发现了fixed问题
复现步骤
1、运行到android 手机
2、界面出来后,切换虚拟导航显示/隐藏
复现代码
{{'第'+i+'项'}}
底部fixed
export default {
data() {
return {
}
},
onResize() {
console.log('onResize')
},
methods: {
}
}
.content {
background-color: #82848A;
padding-bottom: 50px;
}
.item {
color: #FFF;
height: 100rpx;
&:nth-child(2n) {
background-color: #71D5A1;
}
}
.bottom {
position: fixed;
z-index: 1000;
bottom: 0;
width: 750rpx;
display: flex;
justify-content: center;
align-items: center;
color: #FFF;
background-color: #2B85E4;
border-top: 1rpx #909399 solid;
height: 50px;
}
预期结果
虚拟导航的显示/隐藏,能够正常刷新布局
实际结果
虚拟导航的显示/隐藏,底部fixed布局不见了;锁屏后重新解锁屏可能就正常了
注:如果pages.json配置了tabbar,刚好打开的界面是tabbar的list其中之一,此问题不再出现
系统信息:
操作系统 :android 6.0
HBuilderX版本 :2.8.5.20200812
uni-app版本 :2.8.5(v3)
设备信息: 荣耀7i (ATH-AL00)