<template>
  <div class="demo-spinner-basic">
    <ui-spinner :visible="loading"></ui-spinner>
  </div>
</template>

<script>
import { Spinner } from "amumu-ui"

export default {
  components: {
    "ui-spinner": Spinner,
  },
  data() {
    return {
      loading: true,
    }
  },
}
</script>

<style>
.demo-spinner-basic {
  height: 200px;
  background: linear-gradient(to right, #F3F3F3 50%,#fff 50%);
  background-size: 80px 100%;
  position: relative;
}
</style>
