微信小程序开发记录--IPhoneX适配

zwz

发布于 2018.09.03 14:08 阅读 1676 评论 0

苹果在iPhoneX上彻底取消了实体Home键,取而代之的是主界面底部不显眼的白色横条“Home Indicator”。底部的黑色线条如果不做处理, 会将底部按钮遮挡

处理方式是为底部留出充足空间

1. 获取设备信息,判断是否是iPhoneX

const isIphoneX = wx.getSystemInfoSync().model.indexOf('iPhone X') !== -1

2. 如果是isIphoneX,则底部预留68rpx的距离,设置白底

 

参考:

网页适配 iPhoneX,就是这么简单

小程序中吸底按钮适配 iPhone X 方案