GuangYu/guanwang
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 完善内容管理通用富文本编辑器

Browse Source
This commit is contained in:
Nelson
2026-08-27 17:01:48 +08:00
parent ed81f24892
commit d93486cd9a
21 changed files with 1245 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/pages/index.vue
View File

@@ -19,14 +19,24 @@ const absoluteUrl = useAbsoluteUrl()
const publishedProducts = computed(() => site.value.products.filter(item => isPreview.value ? item.status !== 'offline' : item.status === 'published'))
const news = computed(() => site.value.articles.filter(item => isPreview.value ? item.status !== 'offline' : item.status === 'published').slice(0, 4))
const team = computed(() => site.value.team.filter(item => isPreview.value ? item.status !== 'offline' : item.status === 'published').slice(0, 4))
const defaultHeroImage = '/images/hero-bg-v3.webp'
const heroImageSource = ref(site.value.hero.backgroundImage || defaultHeroImage)
const hero = ref<HTMLElement>()
let heroFrame = 0
const absoluteHero = computed(() => absoluteUrl(site.value.hero.backgroundImage))
const absoluteHero = computed(() => absoluteUrl(heroImageSource.value))
const contactPhoneHref = computed(() => /[待演示]/.test(site.value.contact.phone) ? '' : `tel:${site.value.contact.phone.replace(/\s/g, '')}`)
const contactEmailHref = computed(() => site.value.contact.email.includes('@') && !site.value.contact.email.includes('演示') ? `mailto:${site.value.contact.email}` : '')
const usesDefaultHero = computed(() => site.value.hero.backgroundImage === '/images/hero-bg-v3.webp')
const usesDefaultHero = computed(() => heroImageSource.value === defaultHeroImage)
const previewTo = (path: string) => isPreview.value ? { path, query: { preview: 'draft' } } : path
watch(() => site.value.hero.backgroundImage, (value) => {
heroImageSource.value = value || defaultHeroImage
})
function useHeroFallback() {
if (heroImageSource.value !== defaultHeroImage) heroImageSource.value = defaultHeroImage
}
useSeoMeta({
title: () => site.value?.seo.title,
description: () => site.value?.seo.description,
@@ -78,7 +88,7 @@ onBeforeUnmount(() => {
<picture class="hero-media" aria-hidden="true">
<source v-if="usesDefaultHero" srcset="/images/hero-bg-v3.avif" type="image/avif">
<source v-if="usesDefaultHero" srcset="/images/hero-bg-v3.webp" type="image/webp">
<img :src="site.hero.backgroundImage" alt="" width="1672" height="941" fetchpriority="high" decoding="async">
<img :src="heroImageSource" alt="" width="1672" height="941" fetchpriority="high" decoding="async" @error="useHeroFallback">
</picture>
<SiteHeader :logo="site.brand.logo" :brand-name="site.brand.name" :english-name="site.brand.englishName" />
<div class="hero-copy">