애플릿, 앞머리 아이폰X 등 스타일 호환성 문제
3582 단어 프런트엔드
let that = this;
wx.getSystemInfo({
success: res => {
that .globalData.headerBtnPosi = wx.getMenuButtonBoundingClientRect().top
let modelmes = res.model;
if (modelmes.search('iPhone X') != -1 || modelmes.search('iPhone 11') != -1) {
that.globalData.isIphoneX = true
}
}
})
그리고 스타일 호환에 문제가 있는 페이지에서 onload에서 현재 핸드폰의 시스템 정보를 얻습니다
//onload
let isIphoneX = app.globalData.isIphoneX;
this.setData({
isIphoneX:isIphoneX
})
스타일이 수정되어야 할 스타일을 단독으로 써서 추가를 판단합니다
<view class="loadgif {{isIphoneX?'isIPX':''}}">123</view>