diff --git a/Web/public/images/loading2.gif b/Web/public/images/loading2.gif
new file mode 100644
index 0000000..2b2ec89
Binary files /dev/null and b/Web/public/images/loading2.gif differ
diff --git a/Web/public/images/loading3.gif b/Web/public/images/loading3.gif
new file mode 100644
index 0000000..877b5cf
Binary files /dev/null and b/Web/public/images/loading3.gif differ
diff --git a/Web/public/images/loading4.gif b/Web/public/images/loading4.gif
new file mode 100644
index 0000000..cada7a6
Binary files /dev/null and b/Web/public/images/loading4.gif differ
diff --git a/Web/src/components/Abar.vue b/Web/src/components/Abar.vue
index 56fb058..d87a99b 100644
--- a/Web/src/components/Abar.vue
+++ b/Web/src/components/Abar.vue
@@ -1,13 +1,13 @@
 <template>
-    <router-link :to="url" :class="_class" >
-         <slot></slot> 
-    </router-link>
+  <router-link :to="href" :class="_class">
+    <slot></slot>
+  </router-link>
 </template>
 <script setup>
 // 1. 定义接收父组件传来的参数 props
 const props = defineProps({
   // 字段名、类型、默认值
-  url: String,
-  _class:String,
+  href: String,
+  _class: String,
 })
 </script>
\ No newline at end of file
diff --git a/Web/src/components/PageLoading.vue b/Web/src/components/PageLoading.vue
index 4dadfa1..82ea523 100644
--- a/Web/src/components/PageLoading.vue
+++ b/Web/src/components/PageLoading.vue
@@ -1,13 +1,12 @@
 <template>
   <Transition name="page-loading-fade">
     <div v-if="appStore.isLoading" class="page-loading" role="status" aria-live="polite" aria-busy="true">
-      <div>
-<img src="/images/loading.gif" />
-      </div>      
-    
-        <div>
-          加载中...
-        </div>    
+      <div class="gif">
+        <!-- <van-image round width="6rem" height="8rem" src="/images/logo.png" /> -->
+        <div style="width: 200px; height: 200px;">
+          <img src="/images/loading4.gif" />
+        </div>
+      </div>
     </div>
   </Transition>
 </template>
@@ -31,12 +30,21 @@ const handleImageError = (): void => {
   inset: 0;
   z-index: 9999;
   display: flex;
+
   align-items: center;
   justify-content: center;
   padding: 24px;
   background: #ffffff;
 }
 
+
+.gif {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
 .page-loading__panel {
   width: min(100%, 280px);
   text-align: center;
diff --git a/Web/src/components/Pagination.vue b/Web/src/components/Pagination.vue
new file mode 100644
index 0000000..41a40c8
--- /dev/null
+++ b/Web/src/components/Pagination.vue
@@ -0,0 +1 @@
+<template></template>
\ No newline at end of file
diff --git a/Web/src/pages/customer/index.vue b/Web/src/pages/customer/index.vue
index 8df2752..99fb479 100644
--- a/Web/src/pages/customer/index.vue
+++ b/Web/src/pages/customer/index.vue
@@ -1,17 +1,28 @@
 <template>
   <div>
     <div class="content">
-      <a class="" href="/">首页</a>&gt;客服
+      <Abar href="/">首页</Abar>&gt;客服
     </div>
     <div class="content">
       微信客服：<a href="https://work.weixin.qq.com/kfid/kfc86bc348120aea3e7"
         target="_blank">点击咨询</a><br />客服QQ：531493955<br />官方QQ群：238938639<br />客服邮箱：531493955@qq.com<br />
     </div>
-    <a class="" href="/">返回游戏首页</a>
+    <Abar href="/">返回游戏首页</Abar>
   </div>
 </template>
 
 <script setup>
+import pageLoading from '~/middleware/page-loading';
+
+definePageMeta({
+  layout: layout.empty,
+  middleware: 'page-loading'
+})
+
+onMounted(() => {
+  PageLoading.Close();
+})
+
 
 </script>
 
diff --git a/Web/src/pages/index.vue b/Web/src/pages/index.vue
index dfdb46c..0c903c6 100644
--- a/Web/src/pages/index.vue
+++ b/Web/src/pages/index.vue
@@ -82,7 +82,7 @@
     =====☆服务导航☆=====
   </div>
   <div class="content">
-    <Abar url="/customer">客服</Abar>
+    <Abar href="/customer">客服</Abar>
     .<a class="" href="/Index/About?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">关于</a>.<a class=""
       href="/Index/Cooperation?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">合作</a>
   </div>
@@ -125,7 +125,7 @@ const Initialize = async (): Promise<void> => {
 };
 
 onMounted(async () => {
-  
+
 
   //默认设置身份，正式环境删除
   StateHelper.SetSid("kUVjj2cBUemcdokUEIBEKh0qhKkkSkui0x");
@@ -139,7 +139,7 @@ onMounted(async () => {
     await Initialize();
   }
   finally {
-    // PageLoading.Close();
+    PageLoading.Close();
   }
 })
 </script>