57 lines
923 B
Vue
57 lines
923 B
Vue
<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>
|