提交

Web/src/components/Abar.vue

@@ -1,5 +1,5 @@
 <template>
-    <router-link :to="url" :class="_class" >
+  <router-link :to="href" :class="_class">
     <slot></slot>
   </router-link>
 </template>
@@ -7,7 +7,7 @@
 // 1. 定义接收父组件传来的参数 props
 const props = defineProps({
   // 字段名、类型、默认值
-  url: String,
+  href: String,
   _class: String,
 })
 </script>

Web/src/components/PageLoading.vue

@@ -1,12 +1,11 @@
 <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 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>
     </div>
   </Transition>
@@ -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;

Web/src/components/Pagination.vue

@@ -0,0 +1 @@
+<template></template>

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>
 

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>
@@ -139,7 +139,7 @@ onMounted(async () => {
     await Initialize();
   }
   finally {
-    // PageLoading.Close();
+    PageLoading.Close();
   }
 })
 </script>