<template>
<div class="loading.d-flex">
<div class="img.bg-dark">
<div class="ml-2">
<div>
درحال پردازش اطلاعات
</div>
<div>
لطفا شکیبا باشید
</div>
</div>

</div>
</div>

</template>

<script>
export default {};
</script>

<style scoped lang="scss">
.loading {
  z-index: 1000;
  width: 18em;
  min-height: 5em;
  position: fixed;
  bottom: 1em;
  right: 1em;
  background: #fff;
  border-radius: 0.3em;
  box-shadow: 0 0 0.5em #ccc;
  overflow: hidden;

  .img {
    width: 5em;
    height: 5em;
  }
}
</style>
