初始化

src/App.vue

@@ -0,0 +1,40 @@
+<template>
+	<main-header />
+	<div class="view"><RouteCache /></div>
+	<div id="loading" v-if="loading" v-loading="true"></div>
+</template>
+
+<script setup lang="ts">
+	import RouteCache from '@/components/RouteCache.vue'
+	import MainHeader from '@/views/main-header.vue'
+	import { computed } from 'vue'
+	import { useGlobalStore } from '@/stores'
+	const globalStore = useGlobalStore()
+	const loading = computed(() => globalStore.state.loading)
+</script>
+
+<style lang="less">
+	#app {
+		font-size: 1.6rem;
+		display: flex;
+		flex-direction: column;
+	}
+	#loading {
+		position: fixed;
+		z-index: 999999999;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		// background-color: rgba(0, 0, 0, 0.3);
+		// display: flex;
+		// align-items: center;
+		// justify-content: center;
+	}
+</style>
+<style lang="less" scoped>
+	.view {
+		flex: 1;
+		overflow: hidden;
+	}
+</style>