// 签到活动
<template>
  <x-prompt :visible="visible">
    <div class="sing-active">
      <img v-if="sign_reard === 50"
           src="https://cdn-novel.bookkks.com/h5/sign.png">
      <img v-else
           src="https://cdn-novel.bookkks.com/h5/sign_30.png">
      <p v-if="sign_reard === 50">每日首次阅读，赠送
        <span class="red">50</span>书币<br>明日继续签到得到书币哦~ </p>
      <p v-else>今日首次签到赠送
        <span class="red">30</span>书币<br>连续签到2日后，赠送书币增加至50哦~</p>
      <div class="close"
           @click="visible = false"></div>
    </div>
  </x-prompt>
</template>
<script>
import prompt from "../prompt.vue";
export default {
  components: { "x-prompt": prompt },
  data() {
    return {};
  },
  methods: {},
};
</script>
<style lang="scss">
.sing-active {
  position: relative;
  img {
    display: block;
    width: 100%;
    height: 4.18rem;
  }
  p {
    font-size: 0.36rem;
    padding-top: 0.3rem;
    line-height: 1.8;
  }
  .red {
    font-size: 0.42rem;
  }
  .close {
    position: absolute;
    right: 0;
    top: 0;
    height: 1rem;
    width: 1rem;
  }
}
</style>
