<template>
  <div id="buildingpopbox" v-if="show">
    <div class="page-modal" @click="closeClick">
      <div class="page-modal-mask"></div>
      <div class="building-bg"></div>
    </div>
  </div>
</template>
<script>
export default {
  props: ["isTemplate", "datas", "styleData", "keyData", "templateData"],
  data() {
    return {

    };
  },
  computed: {

  },
  methods: {
    closeClick() {
      
      this.submit();
    }
  }
};
</script>
<style lang="scss" scoped>
.page-modal {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-modal-mask {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3000;
    background: rgba(0,0,0,.7);
}
.building-bg {
    background: url(https://img10.360buyimg.com/imgzone/jfs/t1/58315/27/5336/25566/5d31321bEfb9f81d4/db3ba1a1a9281238.gif) no-repeat;
    background-size: 100%;
    width:3.2rem;
    height: 3.5rem;
    position: relative;
    z-index: 3000;
}
</style>
