<template>
  <div class="container">
    <el-card style="max-width: 70%;margin: auto">
      <template #header>
        <div class="card-header">
          <span>新闻推荐</span>
        </div>
      </template>
      <div class="content">
        <router-view></router-view>
      </div>
    </el-card>
  </div>
</template>
<script setup lang="ts">

</script>
<style scoped>
.container{
  margin-top:100px;
}
.card-header{
  font-size: 20px;
  font-weight: 600;
  margin-left: 100px;
}
.content {
  height: 89vh;
  overflow-y: scroll;
  padding: 0;
  margin: 0;
  display: block;
}
.content::-webkit-scrollbar {
  width: 0;
}
</style>