<template>
  <div v-if="show">
    <div class="brushDiv" @click="closeClick">
      <div class="basicPopDiv">
        <div class="close-btn" @click="closeClick"></div>
        <!-- <div class="contentBox">
          <div class="msg1">非常抱歉！提交失败！</div>
          <div class="msg2">
            收货信息已存在！</div>
          <div class="msg3">您填写的地址信息，在本活动内已被其他人填写过啦，再次填写会导致领取失败，请重新填写收货信息哦！</div>
        </div> -->
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
    };
  },
  methods: {
    closeClick() {
      this.submit();
    },
    //点击空白处关闭弹框
    clickEmpty() {
      console.log('asasasasas')
      this.submit();
    },
  },
};
</script>
<style lang="scss" scoped>
.brushDiv {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba($color: #000000, $alpha: 0.7);
  top: 0;
  bottom: 0;
  z-index: 202;

  .basicPopDiv {
    position: absolute;
    width: 6.43rem;
    height: 5rem;
    border-radius: .3rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: .2rem;
    font-size: .16rem;
    background-image: url(//img10.360buyimg.com/imgzone/jfs/t1/11755/36/22559/131695/66bc4558F062c4025/7f52da138a38b9bd.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    .close-btn {
      position: absolute;
      width: 0.45rem;
      height: 0.45rem;
      background: url("//img10.360buyimg.com/imgzone/jfs/t1/183690/31/37249/1097/64e2d8dcFb8273014/2bd869caeaf31168.png")
        no-repeat;
      background-size: 100% 100%;
      bottom: -0.8rem;
      left: 50%;
      transform: translateX(-50%);
    }
    // .contentBox{
    //   width: 100%;
    //   height: 100%;
    //   padding-top: .5rem;
    //   .msg1{
    //     width: 100%;
    //     font-size: .3rem;
    //     font-weight: bold;
    //     text-align: center;
    //   }
    //   .msg2{
    //     width: 100%;
    //     font-size: .3rem;
    //     font-weight: bold;
    //     text-align: center;
    //     margin-top: .5rem;
    //     text-align: center;
    //   }
    //   .msg3{
    //     width: 100%;
    //     font-size: .24rem;
    //     margin-top: .5rem;
    //   }
    // }
  }
}
</style>
