解决底部导航栏、头部actionbar挡住内容问题

1.假设tabbar高度为80px，在被挡住元素下面放一个盒子，高度设置为80px

<template>

<div class="ce">
  <Actionbar>
    <template v-slot:title>通讯录</template>
  </Actionbar>
<!--  阻止actionbar组件挡住内容-->
  <div style="width: 100vw;height: 45px"></div>
    <router-view></router-view>
  <!--  阻止tabbar组件挡住内容-->
  <div style="width: 100vw;height: 80px"></div>
    <tabbar></tabbar>
</div>
</template>