Vant底部tabbar盖住内容怎么解

<template>
  <div id="app">
    <router-view />
    <div style="height: 5rem;"></div>
  </div>
</template>

<script>
export default {
  name: ‘App‘
}
</script>

<style lang="less">
.size {
  width: 100%;
  height: 100%;
}
#html,
#body {
  .size;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#app {
  .size;
}
</style>