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"  
    }  
}
相关推荐
鸿蒙布道师2 小时前
鸿蒙NEXT开发对象工具类(TS)
android·ios·华为·harmonyos·arkts·鸿蒙系统·huawei
刘小哈哈哈3 小时前
封装了一个iOS多分区自适应宽度layout
macos·ios·cocoa
web_Hsir4 小时前
uniapp 微信小程序 使用ucharts
微信小程序·小程序·uni-app
web_Hsir4 小时前
Uniapp 实现微信小程序滑动面板功能详解
vue.js·微信小程序·uni-app
fakaifa6 小时前
beikeshop多商户跨境电商独立站最新版v1.6.0版本源码
前端·小程序·uni-app·php·beikeshop多商户·beikeshop跨境电商
布多8 小时前
Tagged Pointer:苹果工程师的内存优化艺术
ios·源码
耶啵奶膘8 小时前
uni-app:firstUI框架的选择器Select改造,添加一个搜索的插槽
前端·uni-app
Rudon滨海渔村9 小时前
新旧iPhone相册复制 - 相册图片视频对拷 - 换机 - 迁移设备数据 - 免费开源爱思助手
ios·iphone
程序猿看视界1 天前
Uni-app页面信息与元素影响解析
uni-app·状态栏·安全区域·窗口信息·像素比
清晨細雨1 天前
UniApp集成极光推送详细教程
android·ios·uni-app·极光推送