<template>
  <router-view></router-view>
  <van-tabbar fixed :safe-area-inset-bottom="true" route>
    <van-tabbar-item to="/home/test" icon="home-o"
      >驾考
      <template #icon="props">
        <m-icon :type="props.active ? 'jiakao' : 'jiakaohui'" />
      </template>
    </van-tabbar-item>
    <van-tabbar-item to="/home/user" icon="friends-o"
      >我的
      <template #icon="props">
        <m-icon :type="props.active ? 'wode' : 'wodehui'" />
      </template>
    </van-tabbar-item>
  </van-tabbar>
</template>

<script lang="ts" setup></script>

<style scoped lang="scss">
.my-swipe {
  background-color: red;
  width: 345px;
  height: 100px;
  margin: auto;
}
.iconActive {
  fill: #ffffff;
}
</style>
