From 04e7e7bf2ec0a33ef018b1df0f624459d954f1f7 Mon Sep 17 00:00:00 2001
From: anonymous <anonymous@example.com>
Date: Wed, 15 Jan 2025 13:56:38 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BF=AE=E6=94=B9=E5=AE=98?=
 =?UTF-8?q?=E6=96=B9=E7=A4=BE=E7=BE=A4=E4=B8=BA=E5=90=8E=E5=8F=B0=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages-sub/official-community/index.vue | 31 +++++++++-------------
 src/service/index.ts                       |  7 +++++
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/pages-sub/official-community/index.vue b/src/pages-sub/official-community/index.vue
index 9013602..08c1ce0 100644
--- a/src/pages-sub/official-community/index.vue
+++ b/src/pages-sub/official-community/index.vue
@@ -1,8 +1,3 @@
-<script setup lang="ts">
-import NavBar from '@/components/NavBar.vue'
-import VueQrcode from '@chenfengyuan/vue-qrcode'
-</script>
-
 <route lang="json5">
 {
   style: {
@@ -12,25 +7,23 @@ import VueQrcode from '@chenfengyuan/vue-qrcode'
   },
 }
 </route>
+<script setup lang="ts">
+import NavBar from '@/components/NavBar.vue'
+import { getCustomerServiceAPI } from '@/service'
+import VueQrcode from '@chenfengyuan/vue-qrcode'
+
+const detail = ref('')
+onLoad(async () => {
+  const { data } = await getCustomerServiceAPI()
+  detail.value = data
+})
+</script>
 
 <template>
   <view class="official-community-page">
     <NavBar />
     <view class="p-15 text-center bg-white rounded-10 m-15 shadow-[0_0_10px_rgba(0,0,0,0.1)]">
-      <view class="text-16 font-bold text-#333">扫码进入</view>
-      <wd-icon name="arrow-down" color="#333" size="18px"></wd-icon>
-      <view class="btn-gradient rounded-full w-fit mx-auto text-16 text-white py-10 px-15">
-        微聊总群：50101011
-      </view>
-      <VueQrcode class="!w-270 !h-270 mx-auto" :value="'qrcodeValue'" :options="{ size: 600 }" />
-    </view>
-    <view class="p-15 text-center bg-white rounded-10 m-15 shadow-[0_0_10px_rgba(0,0,0,0.1)]">
-      <view class="text-16 font-bold text-#333">扫码进入</view>
-      <wd-icon name="arrow-down" color="#333" size="18px"></wd-icon>
-      <view class="btn-gradient rounded-full w-fit mx-auto text-16 text-white py-10 px-15">
-        QQ群2群：1011101011
-      </view>
-      <VueQrcode class="!w-270 !h-270 mx-auto" :value="'qrcodeValue'" :options="{ size: 600 }" />
+      <view v-html="detail"></view>
     </view>
   </view>
 </template>
diff --git a/src/service/index.ts b/src/service/index.ts
index 337562d..8f59479 100644
--- a/src/service/index.ts
+++ b/src/service/index.ts
@@ -178,3 +178,10 @@ export const editRealNameAuthAPI = (data) =>
     method: 'POST',
     data,
   })
+
+// 获取客服信息
+export const getCustomerServiceAPI = () =>
+  http({
+    url: '/api/index/kefu',
+    method: 'POST',
+  })