<template>
  <div id="bookshelf">
    <div class="bookshelf-header" style="height:120px">
      <!-- <router-link to="/">
        <span class="icon iconfont icon-l">&#xe631;</span>
      </router-link> -->
      <span class="icon iconfont icon-l" @click="goBack()">&#xe631;</span>
      <h2>热门图书</h2>
    </div>
    <BookList />
  </div>
</template>

<script>
import BookList from '@/views/module/bookList.vue'
import { bookListCrud } from './mixins/booklist.js'
export default {
  name: 'HotBook',
  components: { BookList },
  mixins: [bookListCrud],
  data() {
    return {
    }
  },
  created() {
  },
  mounted() {
  },
  methods: {
    goBack() {
      this.$router.go(-1)
    }
  }
}
</script>

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

</style>
