<template>
  <!-- mode="bottom" -->
  <myPop :is-show="isShow">
    <bg-wrap :config="bgImage" classCom="cc_rela" :is-hidden="false">
      <div class="cc_rela cc_column cc_abspic __pop_content" >
        <slot></slot>
      </div>
      <!-- <bg-wrap :config="badge" classCom="__badge cc_abs"></bg-wrap>
      <bg-wrap :config="woman" classCom="__woman cc_abs"></bg-wrap> -->
    </bg-wrap>
    <!-- <Kong :height="closeh||86"></Kong> -->
    <bg-wrap v-if="true" :config="close" classCom="__close" is-hove @onTap="$emit('onClose')"></bg-wrap>
  </myPop>
</template>

<script>
import { badge, woman, close } from "../image/index";
import bgWrap from "./ui/bg-wrap.vue";
import myPop from "./ui/my-pop.vue";
import Kong from "./ui/kong.vue";
export default {
  name: "",
  components: {
    myPop,
    bgWrap,
    Kong,
    
},
  props: {
    isShow: Boolean,
    bgImage: Object,
    closeh:[String,Number],
    // noClose:Boolean,
  },
  data() {
    return {
      badge,
      woman,
      close,
    };
  },
  created() {},
  mounted() {},

  methods: {},
};
</script>

<style scoped>
@import url("../css/peterCss.css");
.__badge {
  top: -0.54rem;
  left: -0.6rem;
}
.__woman {
  bottom: -0.25rem;
  right: -0.28rem;
  z-index: 10;
}
.__pop_content{
  z-index: 10;
}
/* .__close { */
  /* margin-top: 0.86rem; */
/* } */
</style>
