web-wap/src/layouts/bottomTabBar.vue

<template>
  <van-tabbar v-model="active" route>
    <van-tabbar-item icon="home-o" to="/index">首页</van-tabbar-item>
    <van-tabbar-item icon="clock-o" to="/reservation">预约考试</van-tabbar-item>
    <van-tabbar-item icon="manager-o" to="/mine">个人中心</van-tabbar-item>
  </van-tabbar>
</template>
<script name="BottomTabBar" setup>
import { ref } from "vue";
const active = ref(0);
</script>
<style lang="" scoped></style>