<template>
  <div v-if="show" class="bg">
    <div class="mainBody">
      <div class="bodyContent">
        <div class="condition">
          由于您的活动订单有退款，部分领奖资格被取消 请重新下单领奖
        </div>
        <div class="one-button" @click="btClick()">
          参与活动
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "conditionNotMet10998",
  data() {
    return {
      isShowButton: true, //显示不同按钮
    };
  },
  created() {
  },
  methods: {
    btClick() {
      this.submit()
    },
  },
};
</script>
<style scope='scope' lang="scss">
.bg {
  position: fixed;
  top: 0;
  background: rgba($color: #000000, $alpha: 0.7);
  width: 100%;
  height: 100vh;
  z-index: 202;
  .mainBody {
    background-image: url(//img10.360buyimg.com/imgzone/jfs/t1/8902/5/24009/185109/6520ca53Fb29b6338/38b26ba13f7ce7f0.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 7.22rem;
    width: 6.4rem;
    position: fixed;
    top: 20%;
    left: calc(50% - 6rem / 2);
    text-align: center;
  }
  .bodyContent {
    margin-top: 5rem;
  }
  .bodyContent img {
    width: 1.8rem;
    height: 1.8rem;
    border: 3px solid #fcb83b;
    border-radius: 50%;
  }
  .userId {
    color: black;
    font-size: 0.2rem;
    font-weight: bold;
    margin-top: 0.2rem;
  }
  .condition {
    width: 4.8rem;
    margin: 0 auto;
    margin-top: 0.2rem;
    color: #999999;
    font-size: 0.24rem;
  }
  .two-button {
    margin-top: 0.6rem;
  }
  .button1 {
    font-size: 0.4rem;
    width: 2.25rem;
    height: 0.9rem;
    background-color: #e2231a;
    border-radius: 5px;
    margin-right: 0.5rem;
    color: white;
  }
  .button2 {
    font-size: 0.4rem;
    width: 2.25rem;
    height: 0.9rem;
    background-color: #ff5b02;
    border-radius: 5px;
    color: #ffffff;
  }
  .one-button {
    margin-top: 0.6rem;
    background-image: url(//img10.360buyimg.com/imgzone/jfs/t1/66034/20/25458/16162/6520ca49F23780d9c/4d9c2e17a48783ef.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 0.94rem;
    width: 3.66rem;
    line-height: 0.94rem;
    text-align: center;
    font-size: 0.3rem;
    font-weight: 700;
    color: #fff;
    margin: 1rem auto 0 auto;
  }
}
</style>
