remilia/jinshen-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 调整服务支持页面渲染模式

Browse Source 
- 将条件渲染由div判断改为el-skeleton template
This commit is contained in:
R2m1liA
2025-12-19 11:38:33 +08:00
parent fa1a22b286
commit bcc08a53ea
3 changed files with 85 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
app/pages/support/contact-us.vue
View File

@ -6,19 +6,20 @@
<app-breadcrumb class="breadcrumb" :items="breadcrumbItems" />
</div>
<div v-if="pending" class="page-content">
<el-skeleton :rows="5" animated />
</div>
<div v-else class="page-content">
<!-- eslint-disable-next-line vue/no-v-html -->
<div class="html-typography" v-html="contactInfo?.content || ''" />
<!-- <div v-if="!hydrated" v-html="contactInfo?.content || ''" /> -->
<!-- <div v-else> -->
<!-- <html-renderer -->
<!-- class="html-typography" -->
<!-- :html="contactInfo?.content || ''" -->
<!-- /> -->
<!-- </div> -->
<div class="page-content">
<el-skeleton :rows="10" :loading="pending" animated>
<template #default>
<!-- eslint-disable-next-line vue/no-v-html -->
<div class="html-typography" v-html="contactInfo?.content || ''" />
<!-- <div v-if="!hydrated" v-html="contactInfo?.content || ''" /> -->
<!-- <div v-else> -->
<!-- <html-renderer -->
<!-- class="html-typography" -->
<!-- :html="contactInfo?.content || ''" -->
<!-- /> -->
<!-- </div> -->
</template>
</el-skeleton>
</div>
</div>
</template>
@ -31,7 +32,9 @@
{ label: $t('navigation.support'), to: localePath('/support') },
{ label: $t('navigation.contact-info') },
];
const { data: contactInfo, pending, error } = useContactInfo();
const { data, pending, error } = useContactInfo();
const contactInfo = computed(() => data.value ?? null);
watch(error, (value) => {
if (value) {