微信小程序判断手机机型，iPhone X及以上机型留出底部空白

1.在app.js内判断

App({isIPhoneX: false, // 当前设备是否为 iPhone XkBottomSafeHeight: 0, // X 34 ，其余 0 // 判断设备是否为 iPhone XcheckIsIPhoneX: function () {var that = thiswx.getSystemInfo({success: function (res) {var safeBottom = res.screenHeight - res.safeArea.bottomthat.kBottomSafeHeight = safeBottom//根据安全高度判断if (safeBottom === 34) {that.isIPhoneX = true}}})},onLaunch() {this.checkIsIPhoneX()}
})

在其他页面直接使用app.kBottomSafeHeight引用

微信小程序判断手机机型，iPhone X及以上机型留出底部空白相关推荐

微信小程序判断手机机型信息及dpr
微信小程序判断手机机型信息及dpr=2.3 出现这个原因是因为手机dpr不同,导致在显示二维码时出现位置偏移.首先能想到的就是获取设备信息,根据不同机型而解决问题. 1.wxml 开控制位置间距var ...
微信小程序判断手机系统
index.wxml文件 Android or IOS {{textinfo}} index.js文件 Page({ data: { textinfo:'' }, getphonesystem:fun ...
微信小程序---判断苹果11及以上型号手机
微信小程序-判断苹果11及以上型号手机在app,js全局中 onLaunch: function () {var t = this;wx.getSystemInfo({success: functi ...
解决微信小程序安卓手机访问不到图片，无法显示图片
关于微信小程序不显示图片通病可能有以下几个可能性: 非本地图片:确定图片资源存在,copy 图片url再浏览器打开,确定图片资源存在且能正常访问本地图片:确定相对路径或者绝对路径正确微信小程序图 ...
微信小程序获取手机验证码短信验证码后端功能实现解析
本文原创首发CSDN,链接 https://mp.csdn.net/console/editor/html/106041472 ,作者博客https://blog.csdn.net/qq_414641 ...
实现微信小程序和手机app远程控制51单片机控制L298N电机驱动器控制马达（ESP8266 AT89S52 http请求转串口通信系统 mqtt ）
首先你有这样的8266 这种8266自身带2个按键和烧录芯片方便调试,综合性价比较高. 还有就是你需要有一个51单片机或者其他芯片都行.有了这2个芯片我们开始吧! 1.先看一段视频效果演示,再来介绍实 ...
【小程序模板】功能模块+仿vivo手机商城微信小程序+品牌手机APP购物网页模板
[小程序模板]功能模块+仿vivo手机商城微信小程序+品牌手机APP购物网页模板源码简介与安装说明: 仿vivo手机商城微信小程序品牌手机app购物网页模板源码下载. 小程序源码下载地址:(82条 ...
微信小程序选择手机相册里的图片并上传到页面
微信小程序获取手机相册里的图片并传到页面上 index.wxml代码 // 相册中的照片 <button bindtap='handleChooseAlbum'>选中图片</butt ...
微信小程序判断数组是否为空
微信小程序判断数组是否为空 var array = [] if (array.length == 0) { console.log( '数组为空' ) } else {console.log('数组不 ...

微信小程序判断手机机型，iPhone X及以上机型留出底部空白

微信小程序判断手机机型，iPhone X及以上机型留出底部空白相关推荐

最新文章

热门文章

微信小程序 判断手机机型，iPhone X及以上机型留出底部空白

微信小程序 判断手机机型，iPhone X及以上机型留出底部空白相关推荐

最新文章

热门文章

微信小程序判断手机机型，iPhone X及以上机型留出底部空白

微信小程序判断手机机型，iPhone X及以上机型留出底部空白相关推荐