<template>
  <div class="qa-result" v-if="show">
    <div class="accuracy">您的问卷已提交</div>
    <div class="result-info">~ 开始抽奖吧 ~</div>
  </div>
</template>

<script>

// 骁龙答题结果封装
export default {
  name: "qaLuckyDraw",
  data() {
    return {
      show: false
    }
  },
  created() {
    this.publicData.$on('qaDrawShow', args => {
      console.log('qaDrawShow-----', args)
      this.show = true;
    });
  }
}
</script>

<style lang="scss" scoped>
.qa-result {
  position: absolute;
  top: 1.25rem;
  left: 0;
  width: 100%;
  z-index: 2;

  .accuracy {
    color: #e44b4a;
    font-size: 0.55rem;
  }

  .result-info {
    color: #ffffff;
    font-size: 0.89rem;
  }
}
</style>
