<template>
  <div id="home">
    <div id="RouterViewBox">
      <router-view />
    </div>

    <van-tabbar fixed route>
      <van-tabbar-item replace to="/home_homePage" icon="home-o">首页</van-tabbar-item>
      <van-tabbar-item replace to="/home_news" icon="apps-o">新闻资讯</van-tabbar-item>
      <van-tabbar-item replace to="/home_my" icon="user-o">个人中心</van-tabbar-item>
    </van-tabbar>
    <!-- 开启底部安全区适配 -->
    <van-number-keyboard safe-area-inset-bottom />
  </div>
</template>

<script setup name="home">
import { ref, reactive, toRefs, onMounted } from 'vue';
const AllData = reactive({});
onMounted(() => {});
</script>

<style lang="less" scoped>
#home {
  width: 100%;
  height: 100%;
  background: #f2f1f6;

  #RouterViewBox {
    width: 100%;
    height: calc(100% - 13.3vw);
    background: #f2f1f6;
  }
}
</style>