애플릿, 앞머리 아이폰X 등 스타일 호환성 문제

3582 단어 프런트엔드
//앱에서.js 내의 onShow에 이 코드를 추가합니다
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>

좋은 웹페이지 즐겨찾기