<template>
  <router-view/>
  <nav class="navbar">
    <router-link to="/">总览</router-link> 
    <router-link to="/tyc">体育馆</router-link>
    <router-link to="/gym">体育馆2</router-link>
  </nav>
</template>

<style scoped>
.navbar{
  position: fixed;
  height: 2.2rem;
  width: 100%;
  display: block;
  margin-top: 4rem;

  left: 0;
  bottom: 0;
  padding: 6rpx 0 0 0.6rem;
  z-index: 90;
}

.navbar a{
  display: block;
  float: left;
  width: 33.33%;
  text-align: center;
  line-height: 36px;
  /* margin-left: 12px;
  padding-left: 12px; */
  background-color: #080A25;
}

.navbar a.router-link-exact-active{
  background-color: #026AFF;
  border-radius: 12rpx;
}

.navbar a.router-link-active .navbar a.router-link-exact-active{
  background-color: #026AFF;
}
</style>
