<template>
  <view class="loading">
    <image
      src="/static/loading1000.gif"
      mode="aspectFit"
      :style="{ width, height }"
    />
  </view>
</template>

<script>
export default {
  props: {
    width: {
      type: String,
      default: "100vw",
    },
    height: {
      type: String,
      default: "100vh",
    },
  },
};
</script>

<style scoped lang="scss">
.loading {
  position: fixed;
  z-index: 10;
  inset: 0;
  background-color: #1d1c37;
}
</style>
