<route lang="json5">
{
  style: {
    navigationBarTitleText: '官方社群',
    navigationBarBackgroundColor: '#fff',
    navigationStyle: 'custom',
  },
}
</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 v-html="detail"></view>
    </view>
  </view>
</template>

<style>
.official-community-page {
  min-height: 100vh;
  padding-bottom: 50px;
  background-image: url('@/static/images/bg.png');
  background-position: top;
  background-size: cover;
}
</style>
