diff --git a/Web/src/pages/customer/index.vue b/Web/src/pages/customer/index.vue
new file mode 100644
index 0000000..8df2752
--- /dev/null
+++ b/Web/src/pages/customer/index.vue
@@ -0,0 +1,18 @@
+<template>
+  <div>
+    <div class="content">
+      <a class="" href="/">首页</a>&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>
+  </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/Web/src/pages/index.vue b/Web/src/pages/index.vue
index ca18451..b5496d7 100644
--- a/Web/src/pages/index.vue
+++ b/Web/src/pages/index.vue
@@ -71,8 +71,8 @@
     =====☆服务导航☆=====
   </div>
   <div class="content">
-    <a class="" href="/Index/Kefu?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">客服</a>.<a class=""
-      href="/Index/About?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">关于</a>.<a class=""
+    <Abar url="/customer">客服</Abar>
+    .<a class="" href="/Index/About?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">关于</a>.<a class=""
       href="/Index/Cooperation?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">合作</a>
   </div>
   <div class="content">