애플 릿 사용자 정의 내 비게 이 션 (모든 휴대 전화 에 앞머리 화면 포함), 아이 폰 X 의 밑부분 가로 바 가 림 문제

1856 단어

**
사용자 정의 상단 탐색
* * 비고: 상단 내 비게 이 션 이 불가능 한 안 드 로 이 드 왼쪽, IOS 가운데 현상

애플 릿 자체 의 상단 내 비게 이 션 을 숨 기 고 페이지 의 json 이나 app. json 에 추가 (상단 내 비게 이 션 숨 기기):

 "navigationStyle": "custom"

전역 변 수 를 설정 하면 모든 핸드폰 에 적합 합 니 다. 앞머리 화면 이 app. js 에 추가

 //    
 globalData: {
     visit_history:[],  //      
     is_iphone:'',//      
     statusBarHeight: wx.getSystemInfoSync()['statusBarHeight'],
     base_info:'',//      ，       
 },

를 포함 합 니 다.

페이지 에 wxml 추가 중:

js:

const App = getApp()
data:{
	statusBarHeight: App.globalData.statusBarHeight, 
}

상단 탐색 css:

.custom{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 45px;
  background: #fff;
  z-index: 999;
  border-bottom: 2rpx solid #eee;
}
.custom text{
  color: #333;
  font-size: 34rpx;
  font-weight: 700;
  max-width: 280rpx;
}
.empty_custom{
  height: 45px;
  width: 100%;
}

**
질문
**
1. app. js 에 추가

	//    
    globalData: {
		 isIphoneX: wx.getSystemInfoSync().model.indexOf("iPhone X")
    },

페이지 참조

	*         sizi，       *

js:

const App = getApp()
data:{
	isIphoneX: App.globalData.isIphoneX,
}

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다