<template>
  <div v-if="show">
    <div class="snapdragonDiv" @click="closeClick">
      <div class="basicPopDiv">
        <div class="close-btn" @click="closeClick"></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>
.snapdragonDiv {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba($color: #000000, $alpha: 0.7);
  top: 0;
  bottom: 0;
  z-index: 200;

  .basicPopDiv {
    position: absolute;
    width: 6.48rem;
    height: 5.53rem;
    background: url("//img10.360buyimg.com/imgzone/jfs/t1/105321/32/32143/7272/652f7b38Fc0f10ad7/dd71b51653aba9c9.png")
      no-repeat;
    background-size: 100% 100%;
    border-radius: 0.2rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    .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%);
    }
  }
}
</style>
