uniapp小程序顶部标题与右侧胶囊总是不对齐解决方案

export default {
  data () {
    return {
        navBarHeight: '',
        confirmOrder: ''
    }
  },

  onLoad(){
    let statuBar = uni.getSystemInfoSync().statusBarHeight;
    let menuButtonInfo = uni.getMenuButtonBoundingClientRect();
    console.log(menuButtonInfo)
    this.navBarTop = menuButtonInfo.top;
    this.navBarHeight = menuButtonInfo.height ;
    console.log('navBarTop',this.navBarTop);
    console.log('navBarHeight',this.navBarHeight);
  }

}

<view class="top" :style="
  {paddingTop:navBarTop + 'px',height:navBarHeight + 'px',lineHeight:navBarHeight + 'px'}">
  <view class="title">订单列表</view>
</view>