微信小程序iphonex适配主要体现在就是背景图片可能无法充满全屏,但是在其他手机上没问题或者已经能够滑动了,但是在iphonex上会有问题,主要是适配方式就是判断是否是iphonex然后进行样式的切换就ok了。
onLoad: function (options) {
var that = this
wx.getSystemInfo({
success: function (res) {
let model = res.model.substring(0, res.model.indexOf("X")) + "X";
if (model == 'iPhone X') {
that.setData({
isIpx: true
})
}
}
})
},
<view style="background:url(/images/image/haibao.png) 0 0 no-repeat;background-size:{{isIpx?'100% 100%':'750rpx 1372rpx'}}" class="{{isIpx?'top2':'top'}}">
基本上就ok了,其他的适配跟这个方案同理。