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

1856 단어
**
사용자 정의 상단 탐색
* * 비고: 상단 내 비게 이 션 이 불가능 한 안 드 로 이 드 왼쪽, IOS 가운데 현상
  • 애플 릿 자체 의 상단 내 비게 이 션 을 숨 기 고 페이지 의 json 이나 app. json 에 추가 (상단 내 비게 이 션 숨 기기):
     "navigationStyle": "custom"
    
  • 전역 변 수 를 설정 하면 모든 핸드폰 에 적합 합 니 다. 앞머리 화면 이 app. js 에 추가
     //    
     globalData: {
         visit_history:[],  //      
         is_iphone:'',//      
         statusBarHeight: wx.getSystemInfoSync()['statusBarHeight'],
         base_info:'',//      ,       
     },
    
  • 를 포함 합 니 다.
  • 페이지 에 wxml 추가 중:
     
         
             
         
         demo
         
     
     
    
  • 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,
    }
    

    좋은 웹페이지 즐겨찾기