微信 自定义tabBar会盖住页面原有的内容

如图
tabBar盖住了主体内容 最开始使用calc(100vh - 90rpx) 当前机型没问题 换个机型就会溢出一点 或者内容紧缩一点
求解

可以换种样式方式，使用盒子模型；
整个页面分头部、内容部分、脚部；
1、页面最外view设置display: flex;flex-direction: column;
2、头部跟脚部定义固定高度。
3、内容部分设置flex:1;铺满剩余页面即可。