1、顶部适配:
在onReady函数里面去调用wx.getMenuButtonBoundingClientRect(),返回胶囊信息(top、height);
如:
const menuButtonBounding = uni.getMenuButtonBoundingClientRect()
const top = menuButtonBounding.top //胶囊距离顶部的距离
2、底部适配
.safeArea{
padding-bottom: 0;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
ps:
(1)本身有padding值,把padding-bottom一起计算进去
(2) constant与env顺序不能改变,先constant再env
微信小程序 IOS头部底部适配
最新推荐文章于 2024-07-10 11:04:38 发布