<template>
    <div class="about-container">
        <h3>about页面</h3>
        <router-link to="/about/tab1">tab1</router-link>
        <router-link to="/about/tab2">tab2</router-link>
        <hr>
        <router-view></router-view>
    </div>
</template>

<script setup>

</script>

<style scoped>
    .about-container{
        min-height: 150px;
        background-color: #F2F2F2;
        padding:15px;
        
    }
     .about-container a{
    padding: 10px;
    color:#7c3c3c;
  }
  .about-container a.router-link-active{
    color: #fff;
    background-color: #000;
  }
</style>