<template>
  <div id="screen-container">
    <Header :header-title="headerTitle" />
    <div class="screen-main">
      <div class="screen-left">
        <TodayBorrowed />
        <LengingRanking />
      </div>
      <div class="screen-middle">
        <AccessToLibrary :is-self-service="true" />
        <Video />
        <ReadStar />
      </div>
      <div class="screen-right">
        <Notice />
        <NewBookRecommend />
      </div>
    </div>
  </div>
</template>

<script>
import Header from '@/views/header/index.vue'
import TodayBorrowed from '@/views/todayBorrowed/index.vue'
import LengingRanking from '@/views/lengingRanking/index.vue'
import AccessToLibrary from '@/views/accessToLibrary/index.vue'
import Video from '@/views/video/index.vue'
import Notice from '@/views/notice/index.vue'
import NewBookRecommend from '@/views/newBookRecommend/index.vue'
import ReadStar from '@/views/readStar/index.vue'
export default {
  name: 'Home',
  components: {
    Header,
    TodayBorrowed,
    LengingRanking,
    AccessToLibrary,
    Video,
    ReadStar,
    Notice,
    NewBookRecommend
  },
  data() {
    return {
      headerTitle: '问渠书房'
    }
  },
  created() {
  },
  mounted() {
  },
  methods: {
  }
}
</script>

<style lang="scss">
@import "~@/assets/styles/index.scss";
</style>
