uni-app小程序頂部導航自定義適配機型

主要要算navHeight(整個導航欄總的高度),statusHeight(狀態欄高度),topHeight(膠囊距離頂部的距離);在app.vue中計算

globalData: {

    //全局變量 getApp().globalData.navHeight調用讀取

    navHeight: 0, //整個導航欄總的高度

    statusHeight: 0, //狀態欄高度(手機電量WiFi)

    topHeight: 0, //膠囊距離頂部的距離

 

  },

  onLaunch: function () {

    let res=wx.getMenuButtonBoundingClientRect();

  this.globalData.topHeight= res.top;//膠囊距離頂部的距離

  this.globalData.statusHeight=wxSync.statusBarHeight;// 狀態欄高度(手機電量WiFi)

 this.globalData.navHeight=res.height+this.globalData.statusHeight;

  },