UNI-APP_ios自动适应底部安全区背景,修改安全区背景

自动适应(推荐)

将所有 iPhone X(刘海屏) 底部安全区域背景颜色 自动适应,当前页面什么颜色会自动调整。

1.打开 manifest.json ,打开源码视图

2.找到 app-plus 配置项,添加以下代码

js 复制代码
"safearea": {
  "bottom": {  
        "offset": "none" 
    }   
}

统一设置

将所有 iPhone X(刘海屏) 底部安全距离的背景色,统一设置 为一种颜色

1.打开 manifest.json ,打开源码视图

2.找到 app-plus 配置项,添加以下代码

js 复制代码
"safearea": {  
    "background": "#CCCCCC", //背景色
    "bottom": {  
        "offset": "auto"  
    }  
}
相关推荐
灰天7681 小时前
健身房项目 Uniapp+若依Vue3版搭建!!
uni-app
胖虎15 小时前
实现 iOS 自定义高斯模糊文字效果的 UILabel(文末有Demo)
ios·高斯模糊文字·模糊文字
努力搬砖的程序媛儿16 小时前
uniapp广告飘窗
前端·javascript·uni-app
樊南16 小时前
【esp32-uniapp小程序】uniapp小程序篇02——Hbuilder利用git连接远程仓库
git·小程序·gitee·uni-app·hbuilder·torisegit
智驾16 小时前
uniapp,编译运行报错“Error: listen EACCES: permission denied 0.0.0.0:5173“,解决方法
uni-app·error·eacces·5173
大叔_爱编程19 小时前
wx036基于springboot+vue+uniapp的校园快递平台小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
灰天76821 小时前
摄影交流平台项目Uniapp+Springboot已完成
uni-app
灰天76821 小时前
快递代取项目Uniapp+若依后端管理
uni-app
约定Da于配置1 天前
uniapp封装websocket
前端·javascript·vue.js·websocket·网络协议·学习·uni-app
大叔_爱编程1 天前
wx030基于springboot+vue+uniapp的养老院系统小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计