<template>
  <div class="Undertheshelf">
    <XHeader></XHeader>
    <img src="https://cdn-novel.bookkks.com/h5/undertheshelf.png"
         class="none">
    <div class="bt">
      <router-link :to="home">
        <div class="index"> 首页</div>
      </router-link>
      <router-link :to="shelf">
        <div class="bookshelf">书架</div>
      </router-link>
    </div>
  </div>
</template>
<script>
import { BookCity, BookShelf } from "../view/namespace.js";
import { Undertheshelf } from "./namespace.js";

export default {
  name: Undertheshelf.name,
  data() {
    return {
      home: BookCity.route,
      shelf: BookShelf.route
    };
  }
};
</script>
<style lang="scss">
.Undertheshelf {
  text-align: center;

  .none {
    margin-top: 1.5rem;
    width: 3rem;
  }
  .under {
    font-size: 0.4rem;
  }
  .pleaseindex {
    margin-top: 0.2rem;
    color: #999;
    font-size: 0.3rem;
  }
  .bt {
    margin-top: 1rem;
    padding: 0 0.5rem;
    display: flex;
    justify-content: space-between;
    .index {
      padding: 0.1rem 0.8rem;
      color: white;
      background-color: #33a1ff;
      border-radius: 0.03rem;
    }
    .bookshelf {
      padding: 0.1rem 0.8rem;
      color: #33a1ff;
      border: solid 0.01rem;
      border-radius: 0.03rem;
    }
  }
}
</style>
