<template>
  <div :style="styleData.FirstStartPopStyle" v-show="this.datas.FirstStartShadow" v-if="signInDays == 0">
    <!-- v-show控制弹窗 -->
    <div :style="styleData.FirstStartPopBoxStyle">
      <div>
        <div class="FirstStartPopTextStyle">
          感谢您对本次活动的支持，本期活动礼品有
          <br />限，以签到成功的顺序先到先得，唯有坚
          <br />持，方得始终，预祝您参与成功哦~
        </div>
        <div :style="styleData.FirstStartPopButtonStyle" @click="PopButton()"></div>
      </div>
    </div>
  </div>
</template>
<script>
import apis1 from "../../../util/apis1.js";
let { daySignMainRequest } = apis1;
export default {
  props: ["styleData", "keyData", "datas"],
  data() {
    return {
      signInDays:0
    };
  },
  created(){
    this.initdatas()
  },
  methods: {
    initdatas() {
      daySignMainRequest((data) => {
        this.signInDays = data.data.signNum; //签到日期赋值
      });
    },
    PopButton(text) {
      //点击关闭按钮关闭弹窗
      this.datas.FirstStartShadow = !this.datas.FirstStartShadow;
      console.log(this.datas.FirstStartShadow);
    },
  },
};
</script>
<style  scoped>
.FirstStartPopTextStyle {
  font-size: 0.28rem;
  text-align: center;
  color: #ff4141;
  line-height: 0.4rem;
}
</style>