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"  
    }  
}
相关推荐
瑶琴AI前端2 小时前
uniapp组件实现省市区三级联动选择
java·前端·uni-app
mosen8682 小时前
Uniapp去除顶部导航栏-小程序、H5、APP适用
vue.js·微信小程序·小程序·uni-app·uniapp
尚梦10 小时前
uni-app 封装刘海状态栏(适用小程序, h5, 头条小程序)
前端·小程序·uni-app
2401_8658548813 小时前
iOS应用想要下载到手机上只能苹果签名吗?
后端·ios·iphone
尚学教辅学习资料17 小时前
基于SSM+uniapp的营养食谱系统+LW参考示例
java·uni-app·ssm·菜谱
Bessie23417 小时前
微信小程序eval无法使用的替代方案
微信小程序·小程序·uni-app
HackerTom1 天前
iOS用rime且导入自制输入方案
ios·iphone·rime
良技漫谈1 天前
Rust移动开发:Rust在iOS端集成使用介绍
后端·程序人生·ios·rust·objective-c·swift
2401_852403551 天前
高效管理iPhone存储:苹果手机怎么删除相似照片
ios·智能手机·iphone
qq22951165021 天前
小程序Android系统 校园二手物品交换平台APP
微信小程序·uni-app