原文:uni-app - 刘海屏(Iphone X)底部横杠(——)白色区域块(安全距离处更改颜色)解决方案

前言 场景:因为要做无tabbar页面,所以在配置文件中取消底部导航栏。 取消后,iPhone X 刘海屏 底部就出现如下图所示白色安全区域问题:这个问题,是因为uni app默认会为iPhone X 刘海屏 留出安全距离,这个安全距离的背景色就是白色。所以,如果你将页面颜色设置为其他颜色,就会与默认白色冲突。 有 个不同的解决方案 原生占位 ,虽然原理是一样,但使用的场景不同,请根据您的需求来采 ...

2021-02-25 16:20 0 1551 推荐指数:

查看详情

ios底部安全距离

一、使用背景 苹果官方推荐:使用env(),constant()来适配,env()和constant(),是IOS11新增特性,用于设定安全区域与边界的距离 safe-area-inset-left:安全区域距离左边边界的距离 safe-area-inset-right:安全区域距离右边 ...

Sat Aug 28 00:14:00 CST 2021 0 102
uniapp 底部安全距离

padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */ padding-bottom: env(safe-a ...

Fri Sep 17 05:04:00 CST 2021 0 182
uni-app小程序iPhone X适配底部栏黑横线

app.vue中判断手机机型,设置需要留出的高度(如果不是iPhonex,则默认为空) 在需要避开底部横线的地方,设置:style="{paddingBottom:BottomBlackLineHeight }" 因为BottomBlackLineHeight默认为空,那么非iPhoneX ...

Thu Aug 27 00:19:00 CST 2020 0 1503
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM