<template>
  <div class="iframe-container" v-loading="loading">
    即将为你跳转，如果未跳转请点击<a href="http://222.240.80.54:18080/hnibdp-daq/login" target="_blank">这里</a>
  </div>
</template>

<script setup>
import {onUnmounted, ref} from 'vue'

const loading = ref(false)
let a = setTimeout(() => {
  window.open('http://222.240.80.54:18080/hnibdp-daq/login')
}, 1000)
onUnmounted(() => clearTimeout(a))
</script>

<style lang="scss">
.iframe-container {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  font-size: 30px;
  text-align: center;
  padding-top: 30%;

  a {
    color: blue;
  }

  .frame {
    width: 100%;
    height: 100%;
  }

  .example-showcase .el-loading-mask {
    z-index: 9;
  }
}

</style>