refactor: 修改官方社群为后台配置

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>

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',
+  })