<template>
  <t-loading :loading="isLoading" size="large" text="加载中(大)...">
    <router-view/>
  </t-loading>
</template>


<script setup>
import {useAppStore} from "@/store/app.js";
import {storeToRefs} from "pinia";

const store = useAppStore();
// storeToRefs 响应式解构赋值 pinia
const {isLoading} = storeToRefs(store);
</script>


<style lang="scss">
// 定义的全局变量
body {
  margin: 0px;
}

/*修改提示框样式 更醒目*/
.el-message-box {

  // 标题
  .el-message-box__title {
    font-size: 35px;
    font-weight: 700;
    color: rgb(255, 143, 0);
  }

  // 提示文本
  .el-message-box__message p {
    font-size: 24px;
    line-height: 40px;
  }

  // icon图标
  .el-message-box__status {
    font-size: 40px;
  }

  .el-message-box__btns {
    justify-content: space-evenly;

    .el-button {
      width: 48%;
      height: 6vh;
      font-size: 1.6rem;
    }
  }
}

</style>
