diff --git a/src/layout/index.vue b/src/layout/index.vue
index 670f7d9..f5253e2 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,50 +1,49 @@
 <script setup lang="ts">
-import { ref, reactive, toRefs  } from 'vue'
+import { ref, reactive, toRefs } from "vue";
 
 //底部tab栏相关
 const useTabBar = () => {
-    const state = reactive({
-        tabBar: [
-			{
-				title: '首页',
-				to: {
-					name: 'Home'
-				},
-				icon: 'home-o'
-			},
-			{
-				title: '我',
-				to: {
-					name:'About'
-				},
-				icon: 'user-o'
-			}
-        ]
-    })
-    return toRefs(state)
-}
-const { tabBar } = useTabBar()
+  const state = reactive({
+    tabBar: [
+      {
+        title: "首页",
+        to: {
+          name: "Home",
+        },
+        icon: "home-o",
+      },
+      {
+        title: "我",
+        to: {
+          name: "About",
+        },
+        icon: "user-o",
+      },
+    ],
+  });
+  return toRefs(state);
+};
+const { tabBar } = useTabBar();
 
 const handleChange = (value) => {
-    // console.log(value,'valueeeeeee');
-}
-
+  // console.log(value,'valueeeeeee');
+};
 </script>
 
 <template>
-	<div class="app-container">
-		<div class="layout-content">
-		<keep-alive v-if="$route.meta.keepAlive">
-			<router-view></router-view>
-		</keep-alive>
-		<router-view v-else></router-view>
-		</div>
-		<div class="layout-footer">
-			<TabBar :data="tabBar" @chang="handleChange"></TabBar>
-		</div>
-	</div>
+  <div class="app-container">
+    <div class="layout-content">
+      <keep-alive v-if="$route.meta.keepAlive">
+        <router-view></router-view>
+      </keep-alive>
+      <router-view v-else></router-view>
+      <RequestLoading></RequestLoading>
+    </div>
+    <div class="layout-footer">
+      <TabBar :data="tabBar" @chang="handleChange"></TabBar>
+    </div>
+  </div>
 </template>
 
 <style lang="scss" scoped>
-
 </style>
\ No newline at end of file