// 章节订购(书币)
<template>
  <x-prompt :visible="visible">
    <div class="head">vip章节提醒</div>
    <div class="body">
      <div class="book-name single-line" v-if="!showBookName">《{{book_name}}》</div>
      <div class="chapter-name single-line red">{{chapter_name}}</div>
      <div class="fee" :class="{'is-discount': discount}">本章价格：
        <span class="red">{{fee}}</span>书币</div>
      <div class="discount" v-if="discount">今日特价：
        <span class="red">{{discount_fee}}</span>书币({{discount}})</div>
      <div class="balance">您的余额：
        <span class="red">{{user_balance}}</span>书币
      </div>
    </div>
    <div class="confirm"
         @click="confirm">购买本章</div>
    <div @click.stop="checked = !checked"
         :class="['tip',{checked}]">后续VIP章节不再提醒</div>
  </x-prompt>
</template>
<script>
import prompt from "../prompt.vue";
export default {
  components: { "x-prompt": prompt },
  data() {
    return {
      checked: true,
      showBookName: !!window.options.hide_book_name
    };
  },
  methods: {}
};
</script>
<style lang="scss">

</style>