<template>
  <div class="warpper">
    <img :src="png">
  </div>
</template>

<script>
export default {
  data() {
    return {
      png: `${window.location.protocol}//${window.location.host}/image/404.png`,
    };
  },
};
</script>


<style lang="scss">
.warpper{
  height: 100%;
  width: 100%;
  text-align: center;
  position: relative;
  img{
    min-height: 100%;
    min-width: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
</style>
