<script setup>
const docpage = 'https://hedgedoc.zhaozuohong.vip/s/LfSzK2n0K'

const loading = ref(true)
</script>

<template>
  <n-flex vertical style="width: 100%; height: 100%" align="center">
    <div>
      《小刻也能学会的！Mower-NG简明教程！》
      <n-button text tag="a" :href="docpage" target="_blank" type="primary">
        {{ docpage }}
      </n-button>
    </div>
    <iframe
      @load="loading = false"
      :src="docpage"
      style="width: 100%; height: 100%; border: none"
    ></iframe>
    <div v-if="loading" class="loading">页面加载中……</div>
  </n-flex>
</template>

<style scoped>
.loading {
  position: absolute;
  top: 48px;
  font-size: 28px;
}
</style>
