1.首先 获取导航栏高度
wx.getSystemInfo({
success: (res) => {
console.log(res)
// statusBarHeight 手机状态栏wifi 高度
this.globalData.statusBarHeight = res.statusBarHeight;
let menu = wx.getMenuButtonBoundingClientRect();
// 小程序内 状态栏高度
this.globalData.menuHeight =
(menu.top - res.statusBarHeight) * 2 + menu.height;
},
});
<view class="menu_box">
<view class="statusBarHeight" style="height:{{statusBarHeight+'px'}}"></view>
<view class="menuHeight flex" style="height:{{menuHeight+'px'}}"></view>
</view>
微信小程序自定义头部导航栏
最新推荐文章于 2024-06-16 16:34:06 发布