<template>
    <div class="movie-container">
        <h3>movie页面</h3>
       <router-link to="/movie/1">电影1</router-link>
        <router-link to="/movie/2">电影2</router-link>
        <router-link to="/movie/3">电影3</router-link>
        <hr>
        <router-view></router-view>
    </div>
</template>

<script setup>

</script>

<style scoped>
    .movie-container{
        min-height: 150px;
        background-color: #F2F2F2;
        padding:15px;

    }
    .movie-container{
    text-align: center;
    font-size: 16px;
  }
  .movie-container a{
    padding: 10px;
    color:#7c3c3c;
  }
  .movie-container a.router-link-active{
    color: #fff;
    background-color: #000;
  }
</style>