/home/henzagold/oldsite/components/ Current File: /home/henzagold/oldsite/components/SpinLoading.vue

<template>
  <!-- Preloader Start -->
  <div class="acr-preloader" v-if="spinning">
    <logo width="170px" height="120px" />
    <div class="acr-preloader-inner">
      <div class="lds-grid">
        <div></div>
        <div></div>
        <div></div>
        <!--<div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>-->
      </div>
    </div>
  </div>
  <!-- Preloader End -->
</template>

<script>
import logo from "./Logo";
export default {
  name: "Loading",
  props: {
    spinning:{
      type:Boolean,
      default:false,
    },
  },
  components:{
    logo
  }
}

</script>

<style scoped>
.acr-preloader
{
  position: absolute !important;

  z-index: 2 !important;
  flex-direction: column;
  opacity: 0.8 !important;
}
</style>