微信小程序 状态栏 导航栏 胶囊按钮 布局问题

<view class="nav">
    <view class="top-status" :style="{ height: statusHeight + 'px' }"></view>
    <view class="topbar":style="{ height: navHeight + 'px' }"></view>
</view>

setHeight: function() {
    var sysinfo = uni.getSystemInfo(),
        statusHeight = sysinfo.statusBarHeight,
        isiOS = sysinfo.system.indexOf('iOS') > -1,
        navHeight;
    if (!isiOS) {
        navHeight = 48;
    } else {
        navHeight = 44;
    }
    this.statusHeight = statusHeight;
    this.navHeight = navHeight;
}