<template>
  <van-popup :show="visible">
    <div class="wrap">
      <a class="close" @click="closeModal('ruleModalVisible')" />
      <div class="rule-text">
        1、在限定活动期间，完成任务即可获得夏日红包抽奖券，抽奖有概率获得夏日积分、现金红包兑换券、实物大奖等奖励。<br />
        2、夏日积分兑换比例：10夏日积分=1蓝钻/1红钻/1源石，活动周期内，3000蓝钻、5000蓝钻、10000蓝钻分别限定每个角色仅可兑换一次。<br />
        3、使用夏日积分后，兑换的奖励将直接发送至您的邮箱，兑换过程可能存在5-15分钟的延迟，请您耐心等待。<br />
        4、现金红包仅支持提现至微信账户，单个账号每日红包使用数量上限为十个，单个账号每日提现额度上限为1000元人民币，请合理安排兑换时间，以免造成损失。<br />
        5、如您需要兑换实物奖品，请关注官方微信公众号“荣耀全明星手游”，并点击下方菜单栏点击“呼叫网管”，回复“人工客服”联系官方客服人员。<br />
        6、活动结束后，抽奖券、积分、红包兑换券及实物兑换券将无法使用，请合理安排使用时间，以免造成损失。<br />
        7、本活动为限时新服活动，非活动期内新服创建的角色将无法参与本活动。<br />
        8、本页面为《荣耀全明星》用户专属活动页，仅供用户本人进行活动参与，请勿对外分享，以免造成损失。
      </div>
    </div>
  </van-popup>
</template>

<script>
export default {
  name: 'RuleModal',
  inject: ['closeModal'],
  props: {
    visible: Boolean
  },
  data() {
    return {}
  },
  methods: {}
}
</script>

<style scoped lang="scss">
.wrap {
  position: relative;
  width: 599px;
  height: 759px;
  margin: 40px 0;
  padding-top: 136px;
  background: url('@/assets/image/ruleModal-bg.png') no-repeat center/100% 100%;
}
.close {
  position: absolute;
  top: -40px;
  right: 0;
  width: 37px;
  height: 34px;
  background: url('@/assets/image/close.png') no-repeat center/100% 100%;
}
.rule-text {
  width: 580px;
  height: 580px;
  line-height: 36px;
  padding: 0 62px;
  margin: auto;
  font-size: 28px;
  color: #fff;
  overflow-y: auto;
}
</style>