<template>
  <el-dialog :fullscreen="true" :append-to-body="true" :visible.sync="show" :show-close="false" top="0"
             custom-class="big-data-dialog">
    <img src="@/assets/images/ems/bigData.png" alt="">
    <div class="close-btn" @click="show=false">
      <i class="el-icon-close"></i>
    </div>
  </el-dialog>
</template>
<style lang="scss" scoped>
.close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 23px;
  line-height: 20px;
  color: rgba(176, 228, 255, 0.7);
  cursor: pointer;
}

img {
  height: 100vh;
  width: 100vw;
  display: block;
  margin: 0;
}
</style>
<style lang="scss">
.big-data-dialog {
  .el-dialog__header {
    display: none;
  }

  .el-dialog__body {
    padding: 0;
    margin: 0;
    position: relative;
  }
}
</style>
<script>
export default {
  data() {
    return {
      show: false
    }
  }
}
</script>