小程序自定義頂部適配機型

記錄一下 應該能適配所有機型了吧, 忘記哪個機型還有2像素的偏差了. 看著也不明顯.? 不想查了.?

app.js

```

/**

* 當小程序初始化完成時,會觸發(fā) onLaunch(全局只觸發(fā)一次)

? */

? onLaunch: function (options) {

? ? var that = this;

? ? var systemHeight = wx.getSystemInfoSync().statusBarHeight

? ? var data = wx.getMenuButtonBoundingClientRect();

? ? that.globalData.systemHeight = systemHeight;

? ? that.globalData.height = (data.top - systemHeight) * 2 + data.height;

? ? //that.globalData.height = (data.top - systemHeight) * 2 + data.height + 2;? ? ? ? ? ? //加個兩像素吧

? },

? globalData:{

? ???? height:"",

? ???? systemHeight:""

? },

```

圖片發(fā)自簡書App

index.js

```

/**

? * 生命周期函數(shù)--監(jiān)聽頁面加載

? */

? onLoad: function (options) {

? ? console.log(app.globalData.height)

? ? this.setData({

? ? ? height: app.globalData.height,

? ? ? systemHeight: app.globalData.systemHeight

? ? })

? },

```

圖片發(fā)自簡書App

index.wxml

```

<view class="globalTop">

? <view style="height:{{systemHeight}}px"></view>

? <view? class="sheight fs_16" style="height:{{height}}px;line-height:{{height}}px">小程序名稱</view>

</view>

```

圖片發(fā)自簡書App


圖片發(fā)自簡書App


圖片發(fā)自簡書App
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容