<template>
  <div class="app-container">
    <h1>App 根组件</h1>
    <hr />


    <div class="box">
      <!-- <Left>
       
      </Left> -->

      <Article>
        <template #title>
          <h1>腾王阁序</h1>
        </template>

        <template v-slot:content="scope">
          <p>豫章故郡，洪都新府</p>
          <p>星分翼轸，地接衡庐</p>
          <p>襟三江而带五湖，控蛮荆而引瓯越</p>
        </template>

        <template #author>
          <p>作者：王勃</p>
        </template>
      </Article>

    </div>
  </div>
</template>

<script>
import Left from './components/Left.vue'
import Article from './components/Article.vue';

export default {

  components: {
    Left,
    Article,
  }
}
</script>

<style scoped>
.app-container {
  padding: 1px 20px 20px;
  background-color: #efefef;
}

.box {
  display: flex;
}
</style>
