eta_front/src/components/loading.vue

<template>
<div class="loading-cont" v-if="loading">
  <img src="~@/assets/img/home/loading.gif" alt="">
</div>
</template>
<script>
export default {
  props: {
    loading: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {

    }
  },
  methods:{

  },
}
</script>
<style scoped lang='scss'>
.loading-cont {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>