<template>
  <div id="boxseven"></div>
</template>

<script>
import { Loading } from '@opentiny/vue'
import { IconLoading } from '@opentiny/vue-icon'

export default {
  mounted() {
    Loading.service({
      text: '自定义loading图标',
      spinner: IconLoading(), // 添加自定义类名，动画需要自己实现
      target: document.getElementById('boxseven'),
      background: 'rgba(0, 0, 0, 0.7)',
      tiny_mode: 'mobile-first'
    })
  }
}
</script>

<style scoped>
#boxseven {
  height: 120px;
}
</style>
