微信小程序中的iPhone X适配问题

时间:2021-10-31 03:48:57

微信小程序中的iPhone X适配问题

小程序中下方的导航会被iPhone X下面的那条黑线盖住【微笑脸】,所以要专门为了iPhone X做样式上的适配【微笑脸】

wx.getSystemInfo({
success: function (res) {
//console.log(res.model)
//console.log(res.language)//zh_CN(en)
//console.log(res.model=="iPhone X")
if (res.model=="iPhone X") {
that.globalData.isIPX = ;
}
}
})

好在官方文档里有给出API可以获取到设备的信息,判断之后去给class添加样式就可以啦

.isIPX {
bottom: 68rpx !important;