<template functional>
  <div :class="$style.loading">
    <a-spin tip="正在加载……" size="large" />
  </div>
</template>

<script>
import { Spin } from 'ant-design-vue'

export default {
  name: 'SdLoading',
  components: { 'a-spin': Spin },
}
</script>

<style lang="scss" module>
@use '@/common/design' as *;
.loading {
  position: relative;
  height: 100%;
  :global .ant-spin {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -25px;
    .ant-spin-text {
      /* stylelint-disable-next-line */
      color: #000;
    }
  }
}
</style>
