preliminary/src/common/Loading.vue

<template>
  <div class="loading" v-if="show">
    <div class="loadingModal"></div>
    <img src="../images/loading.gif" alt="">
  </div>
</template>
<script>
export default {
  data(){
    return {
      show:true
    }
  }
}
</script>
<style lang="less" scoped>
@import "../less/base.less";
.loading {
  .loadingModal{
    .mask;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
  }
  img {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
  }
}
</style>