<template>
  <div class="x-book-info">
    <p class="x-book-info__name">{{book.name}}</p>
    <p class="x-book-info__flex">
      <span class="x-book-info__author">{{book.book_category}}</span>
      <span class="x-book-info__finish">{{book.book_end_status ? '完结' : '连载'}}</span>
    </p>
    <p class="x-book-info__count">字数：{{book.book_word_count}}</p>
    <p class="x-book-info__flex">
      <span class="x-book-info__lastest">
        <span class="red">最新：</span>{{book.last_chapter}}</span>
      <img src="../assets/书库-vip.png"
           class="x-book-info__vip">
    </p>
  </div>
</template>
<script>
export default {
  name: "XBookInfo",
  props: {
    book: {
      required: true,
      type: Object
    }
  },
  data() {
    return {};
  }
};
</script>
