uniapp自定义导航栏navbar

<u-navbar title="首页" :bgColor="bgColor" :titleStyle='titleStyle'>
   <view class="u-nav-slot" slot="left">
　　　　//左边插槽
   </view>
   <view class="u-nav-slot" slot="center"> -->
     <text>首页</text>
   </view>
   <view class="u-nav-slot" slot="right">
　　　　//右边插槽
   </view>
</u-navbar>

<view class="content" :style="{ marginTop: height + 'px' }">
　　<!-- 正文内容 -->
</view>

自定义完导航栏需要动态判断当前导航栏高度

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14

getSystemInfo(){     let stateHeight = '';//任务栏高度     //胶囊距离顶部距离//胶囊高度     const { top , height } = wx.getMenuButtonBoundingClientRect()     wx.getSystemInfoAsync({       success: (result) => {         stateHeight = result.statusBarHeight;//状态栏高度         let sum = ''         sum = stateHeight + height + (top - stateHeight)*2         this.setData({           height:sum + 'px'         })       },     })