diff --git a/Service/Application.Web/Controllers/Pub/PubController.cs b/Service/Application.Web/Controllers/Pub/PubController.cs
index ce95938..9447200 100644
--- a/Service/Application.Web/Controllers/Pub/PubController.cs
+++ b/Service/Application.Web/Controllers/Pub/PubController.cs
@@ -34,8 +34,8 @@ namespace Application.Web.Controllers.Pub
 
             var areaData = await _areaService.GetAreaData();
             var notice = await _noticeService.GetNoticeDataByTake(5);
-            
-            return PoAction.Ok(new { area = areaData ,notice,isOnline});
+            int OnCount = 100;            
+            return PoAction.Ok(new { area = areaData ,notice,isOnline,onCount=OnCount});
         }
     }
 }
\ No newline at end of file
diff --git a/Web/src/app.vue b/Web/src/app.vue
index 5197a4b..635105c 100644
--- a/Web/src/app.vue
+++ b/Web/src/app.vue
@@ -3,6 +3,7 @@
     <NuxtLayout>
       <NuxtPage />
     </NuxtLayout>
+    <PageLoading />
   </div>
 </template>
 
@@ -53,4 +54,4 @@ onMounted(() => {
 <style>
 /* 页面级样式可以在这里定义 */
 /* 全局样式已移至 src/assets/css/style.css */
-</style>
\ No newline at end of file
+</style>
diff --git a/Web/src/extends/PageExtend.ts b/Web/src/extends/PageExtend.ts
index 8a96e38..300f4fb 100644
--- a/Web/src/extends/PageExtend.ts
+++ b/Web/src/extends/PageExtend.ts
@@ -8,4 +8,5 @@ export class PageExtend {
         const value = route.query[params]
         return value ? String(value) : ''
     }
+    
 }
\ No newline at end of file
diff --git a/Web/src/pages/index.vue b/Web/src/pages/index.vue
index ca18451..4645a07 100644
--- a/Web/src/pages/index.vue
+++ b/Web/src/pages/index.vue
@@ -1,132 +1,145 @@
 <template>
-  <div class="head">
-    <img src="/images/logo.png" class="logo" /><br />
-    【驰骋四海&#xB7;社区版】
-  </div>
+
   <div>
-    ✧当前在线<strong> 139 </strong>位玩家在驰骋四海✧
-  </div>
-  <div class="content" style="font-size:17px">
+
+
+    <div class="head">
+      <div>
+        <img src="/images/logo.png" class="logo" />
+        <br />
+        【驰骋四海&#xB7;社区版】
+      </div>
+
+    </div>
     <div>
-      亲爱的&nbsp;<strong style="color:red">探玩玩家</strong>，欢迎来到驰骋四海&#xB7;社区版!
+      ✧当前在线<strong> {{ OnCount }} </strong>位玩家在驰骋四海✧
     </div>
-    <div style="margin-top:5px;">
+    <div class="content" style="font-size:17px">
       <div>
-        ➢<a href="http://m.twbar.cn/Home/Index?sid=KrWxKypJuDO0zFKrTig0bG">返回探玩驿站</a>
+        亲爱的&nbsp;<strong style="color:red">探玩玩家</strong>，欢迎来到驰骋四海&#xB7;社区版!
+      </div>
+      <div style="margin-top:5px;">
+        <div>
+          ➢<a href="http://m.twbar.cn/Home/Index?sid=KrWxKypJuDO0zFKrTig0bG">返回探玩驿站</a>
 
-      </div>
-      <div>
-        ➸<a href="http://m.twbar.cn/b/1145?sid=KrWxKypJuDO0zFKrTig0bG">游戏论坛</a>&nbsp;&nbsp;➸<a class=""
-          href="/Login/LoginOut?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">退出游戏</a>
+        </div>
+        <div>
+          ➸<a href="http://m.twbar.cn/b/1145?sid=KrWxKypJuDO0zFKrTig0bG">游戏论坛</a>&nbsp;&nbsp;➸<a class=""
+            href="/Login/LoginOut?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">退出游戏</a>
+        </div>
       </div>
     </div>
-  </div>
-  <div class="common">
+    <div class="common">
+      <div class="title">
+        =====☆<a class="" href="/Pallet/GameOpen/GameUser?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">我的区服</a>☆=====
+      </div>
+      <div class="content">
+        <div class="item">
+          <a
+            href="/LoginGame/LoginOk?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">&#x2727;&#x3010;1区&#x3011;新手村&#x2730;村长(男)</a>
+        </div>
+      </div>
+    </div>
+    <div class="common">
+      <div class="title">
+        =====☆其他区服☆=====
+      </div>
+      <div class="content">
+        <span>暂无区服.</span>
+      </div>
+    </div>
+
     <div class="title">
-      =====☆<a class="" href="/Pallet/GameOpen/GameUser?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">我的区服</a>☆=====
+      =====☆<a class="" href="/Pallet/Notice/Index?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">官方公告</a>☆=====
     </div>
-    <div class="content">
+    <div>
       <div class="item">
-        <a href="/LoginGame/LoginOk?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">&#x2727;&#x3010;1区&#x3011;新手村&#x2730;村长(男)</a>
+        1.
+        <a class=""
+          href="/Pallet/Notice/Detail?nt=2026041901&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[招募令]航海时代2设计专员招募</a>
+      </div>
+      <div class="item">
+        2.
+        <a class=""
+          href="/Pallet/Notice/Detail?nt=2026041701&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[活动]4月份活动集锦</a>
+      </div>
+      <div class="item">
+        3.
+        <a class="" href="/Pallet/Notice/Detail?nt=2026040901&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[推广] 4月份推广</a>
+      </div>
+      <div class="item">
+        4.
+        <a class="" href="/Pallet/Notice/Detail?nt=2026030101&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[推广] 3月份推广</a>
+      </div>
+      <div class="item">
+        5.
+        <a class=""
+          href="/Pallet/Notice/Detail?nt=2025080002&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">&#x3010;驰骋四海&#x3011;卡片&#x306E;攻略&#xFF08;2.24&#xFF09;</a>
       </div>
     </div>
-  </div>
-  <div class="common">
     <div class="title">
-      =====☆其他区服☆=====
+      =====☆服务导航☆=====
     </div>
     <div class="content">
-      <span>暂无区服.</span>
+      <a class="" href="/Index/Kefu?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">客服</a>.<a class=""
+        href="/Index/About?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">关于</a>.<a class=""
+        href="/Index/Cooperation?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">合作</a>
     </div>
-  </div>
-
-  <div class="title">
-    =====☆<a class="" href="/Pallet/Notice/Index?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">官方公告</a>☆=====
-  </div>
-  <div>
-    <div class="item">
-      1.
-      <a class=""
-        href="/Pallet/Notice/Detail?nt=2026041901&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[招募令]航海时代2设计专员招募</a>
+    <div class="content">
+      切换线路:
+      <span class="game_line">
+        <a class="" href="http://g.pccsh.com:5016/Index/Index?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">1</a>
+      </span>
     </div>
-    <div class="item">
-      2.
-      <a class="" href="/Pallet/Notice/Detail?nt=2026041701&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[活动]4月份活动集锦</a>
+    <div class="foot">
+      <div class="timeService">
+        小G报时(18:33)
+      </div>
     </div>
-    <div class="item">
-      3.
-      <a class="" href="/Pallet/Notice/Detail?nt=2026040901&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[推广] 4月份推广</a>
+    <div v-for="(item, index) in areaData" :key="index">
+      {{ index }} - {{ item.name }}
     </div>
-    <div class="item">
-      4.
-      <a class="" href="/Pallet/Notice/Detail?nt=2026030101&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[推广] 3月份推广</a>
-    </div>
-    <div class="item">
-      5.
-      <a class=""
-        href="/Pallet/Notice/Detail?nt=2025080002&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">&#x3010;驰骋四海&#x3011;卡片&#x306E;攻略&#xFF08;2.24&#xFF09;</a>
-    </div>
-  </div>
-  <div class="title">
-    =====☆服务导航☆=====
-  </div>
-  <div class="content">
-    <a class="" href="/Index/Kefu?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">客服</a>.<a class=""
-      href="/Index/About?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">关于</a>.<a class=""
-      href="/Index/Cooperation?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">合作</a>
-  </div>
-  <div class="content">
-    切换线路:
-    <span class="game_line">
-      <a class="" href="http://g.pccsh.com:5016/Index/Index?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">1</a>
-    </span>
-  </div>
-  <div class="foot">
-    <div class="timeService">
-      小G报时(18:33)
-    </div>
-  </div>
-  <div v-for="(item, index) in areaData" :key="index">
-    {{ index }} - {{ item.name }}
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({
-  layout: layout.empty
+  layout: layout.empty,
+  middleware: 'page-loading'
 })
 
 const areaData = ref<any>([]);
 const isOnline = ref(false);
-
-
-
+const OnCount = ref(0);
 const Initialize = async (): Promise<void> => {
   var result = await PubService.GetMain(StateHelper.Sid);
   if (result.code == 0) {
     areaData.value = result.data?.area;
     isOnline.value = result.data.isOnline;
-    console.log(isOnline.value);
+    OnCount.value = result.data.onCount;
+
   }
   else {
     MessageExtend.ShowToast(result.msg, "fail");
   }
 };
 
-
 onMounted(async () => {
+  
+
   //默认设置身份，正式环境删除
   StateHelper.SetSid("kUVjj2cBUemcdokUEIBEKh0qhKkkSkui0x");
 
 
-  const id = PageExtend.QueryString("id");
+  try {
+    const id = PageExtend.QueryString("id");
 
-  MessageExtend.ShowToast(id);
+    MessageExtend.ShowToast(id);
 
-  await Initialize();
-
-
-
-  //alert(1);
+    await Initialize();
+  }
+  finally {
+     PageLoading.Close();
+  }
 })
 </script>