在ios开发的过程当中,在ios设备上底部会出现一个安全空白区域:
如果想要去掉,在manifest.json中点开源码视图配置:
将所有 iPhone X(刘海屏)
底部安全区域背景颜色 自动适应,当前页面什么颜色会自动调整。
代码:
将所有 iPhone X(刘海屏)
底部安全距离的背景色,统一设置 为一种颜色:
"app-plus" : {
"background": "#CCCCCC", //背景色
"safearea" : {
//安全区域配置,仅iOS平台生效
"bottom" : {
// 底部安全区域配置
"offset" : "none" // 底部安全区域偏移,"none"表示不空出安全区域,"auto"自动计算空出安全区域,默认值为"none"
}
}
}
给底部栏css样式加上以下代码即可
calc是可以调距离的!
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: calc(30rpx + env(safe-area-inset-bottom));
env(safe-area-inset-bottom)就是ios安全区域的距离
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)