小程序自定义顶部适配机型

2019-09-26 本文已影响0人 MarkName

记录一下应该能适配所有机型了吧, 忘记哪个机型还有2像素的偏差了. 看着也不明显. 不想查了.

app.js

```

/**

* 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）

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:""

```

小程序自定义顶部适配机型

index.js

```

/**

* 生命周期函数--监听页面加载

onLoad: function (options) {

console.log(app.globalData.height)

this.setData({

height: app.globalData.height,

systemHeight: app.globalData.systemHeight

})

```

小程序自定义顶部适配机型

index.wxml

```

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

</view>

```

小程序自定义顶部适配机型