<template>
  <div id="bookshelf">
    <HeaderTop />
    <!-- <div class="top-bg" /> -->
    <div class="bookshelf-header" style="height:120px">
      <router-link to="/">
        <span class="icon iconfont icon-l">&#xe631;</span>
      </router-link>
      <h2>热门图书</h2>
    </div>
    <BookList :bookdata="bookData" />
    <!-- <div class="book-main">

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

<script>
import HeaderTop from '@/views/module/headerTop.vue'
import BookList from '@/views/module/bookList.vue'
import data1 from './data1.json'
export default {
  name: 'HotBook',
  components: {
    HeaderTop,
    BookList
  },
  data() {
    return {
      bookData: null
    }
  },
  created() {
    this.bookData = data1.bookList
  }
}
</script>

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

</style>
