uniapp 顶部导航栏 高度自适应

index.vue

<template>
    <view>
        <view :style="'padding-top:'+ aaa +'px;height:'+bbb+'px;'">
    </view>      
</template>

index.js

export default {
    data() {  
        return {
           aaa:'',
        　　bbb:'',
        }
    },
    onLoad() {
        const menu = uni.getMenuButtonBoundingClientRect()
    　　this.aaa=menu.top;
    　　this.bbb=menu.height;
    }
}