当前位置: 首页 > news >正文

uniapp 苹果安全域适配

一、使用原生占位(仅App端支持)
//在manifest.json 文件中 app-plus 中配置
"safearea": {  "background": "#FFFFFF",  "bottom": {  "offset": "auto"  }  
}
二、不使用原生占位
//(非App端可以不在manifest中配置)
"safearea": {  "bottom": {  "offset": "none"  }  
}

 获取系统信息

 uni.getSystemInfo({success: (info) => {// 判断是否为iOS设备if (info.platform === 'ios') {// 去判断显示 安全边距}}});

动态绑定css 显示安全边距 

.xxx-view {  // 写在需要添加底部边距的盒子上padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
}

http://www.lryc.cn/news/438160.html

相关文章:

  • linux使用命令行编译qt.cpp
  • Ubuntu 22.04 LTS 上安装 Docker
  • 2024秋季云曦开学考
  • 基于STM32与Qt的自动平衡机器人:从控制到人机交互的的详细设计流程
  • C#使用ZipFile的方法CreateFromDirectory
  • Redis 哨兵模式的选举算法是什么?
  • Linux shell编程学习笔记80:gzip命令——让文件瘦身
  • 【字幕】恋上数据结构与算法之01为什么要学习数据结构与算法
  • 120页ppt丨集团公司战略规划内容、方法、步骤及战略规划案例研究
  • 滚雪球学SpringCloud[2.3]:服务发现与负载均衡详解
  • 商务英语口语之聚会宴饮常用口语柯桥培训到蓝天广场
  • 【C#】VS插件
  • 嵌入式C语言自我修养:C语言的面向对象编程思想
  • 行车记录仪格式化了怎么恢复?专业恢复方法分享
  • C++中extern ”c“的理解
  • 红黑树的删除
  • Vue3+setup实现父子组件单表增删改查写法模板
  • jmeter 录制APP脚本
  • C++类与对象深度解析(一):从抽象到实践的全面入门指南
  • docker拉取 jdk 8
  • 机器学习VS深度学习
  • 基于vue框架的宠物交流平台1n2n3(程序+源码+数据库+调试部署+开发环境)系统界面在最后面。
  • Rust 所有权 借用与引用
  • 构建智能电商新生态:深度解析京东商品详情API的力量
  • Golang | Leetcode Golang题解之第398题随机数索引
  • 使用注意力机制可以让你的模型更加灵活,但是需要额外的计算资源。rnn lstm bilstm attension
  • git命令大全
  • 【数据仓库】数据仓库常见的数据模型——范式模型
  • 【LeetCode每日一题】——LCR 078.合并 K 个升序链表
  • 代码随想录算法训练营第五十九天 | dijkstra(堆优化版)精讲