<template>
  <div id="app" >
    <h1>组件库</h1>
    <div class="router-view">
        <router-view></router-view>
    </div>
  </div>
</template>
<script>
  export default {
    name:"xx",
  }
</script>
<style scoped>

#app{
  background: #fff;
}
h1{
  text-align: center;
  margin: 10px;
  text-aling: center;
}
.router-view{
  position:absolute;
  top:50px;
  width: 100%;
  height: 100%;
  background: #f3f4f5;
}
.router-link{
  display: block;
  line-height: 40px;
  height: 40px;
  font-size: 16px;
  text-align: center;
  margin-top: 10px;
  background: #f3f4f5;
}
</style>
