第一步:找到app.json
微信文档链接之navigationStyle
2022-08-02 方法更新
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
var that = this;
var res = wx.getMenuButtonBoundingClientRect();
var getMenu = that.data.getMenu;
getMenu.top = res.top;
getMenu.height = res.height;
getMenu.height_z = res.height + res.top + 5;
getMenu.height_z2 = res.height + res.top;
that.setData({
getMenu,
})
},
<!-- 自定义顶部 -->
<view class="daohang_box" style="height: {{getMenu.height_z}}px;">
<view class="fudong flex acenter" style="padding-top: {{getMenu.top}}px;height: {{getMenu.height}}px;">
<view class="t flex center flex1">空间站</view>
</view>
</view>