weicw-dshsa
13c522ab32
汇吉采已独立，官网页脚不应再出现指向 SaaS 平台的「Powered by 云·企业官网」 外链（site.websoft.top）——这是全站唯一会请求外部的地方。 - 10 个模板的 Footer.vue 移除该外链（三种结构变体：带 Powered by 包裹 div 的 01/02/05/07、单行 <a> 的 06、icp/police 行内的 03/04/08/09/10） - template-07 分支机构页补充办公场地图片 - BranchOffice.vue 与 template-09/Footer.vue 换行符归一为 LF， 消除整文件级的 CRLF 噪声（真实改动分别是 1 行新增、6 行删除）
85 lines
3.9 KiB
Vue
85 lines
3.9 KiB
Vue
<template>
|
||
<footer class="bg-[var(--t8-footer-bg)] border-t border-white/10 py-10">
|
||
<div class="container mx-auto px-4">
|
||
<div class="flex flex-col md:flex-row md:items-start md:justify-between gap-8">
|
||
<!-- 品牌 -->
|
||
<div class="max-w-xs">
|
||
<SiteBrand
|
||
link-class="mb-2"
|
||
:logo="siteFooterLogo"
|
||
:icon="siteIcon"
|
||
:name="siteName"
|
||
logo-class="h-8 w-auto max-w-[180px] object-contain"
|
||
icon-class="h-6 w-auto object-contain"
|
||
name-class="font-bold text-[var(--t8-primary)] text-lg"
|
||
/>
|
||
<p v-if="slogan" class="text-sm text-gray-400 mb-2">{{ slogan }}</p>
|
||
<p class="text-sm text-gray-400 leading-relaxed">{{ siteInfo?.comments || '专注企业数字化官网建设，提供品牌展示与业务增长一体化解决方案。' }}</p>
|
||
</div>
|
||
|
||
<!-- 快速链接 -->
|
||
<nav class="flex flex-col gap-2">
|
||
<div class="text-sm font-semibold text-[var(--t8-primary-light)] mb-1">快速链接</div>
|
||
<NuxtLink
|
||
v-for="link in quickLinks"
|
||
:key="link.navigationId || link.path"
|
||
:to="getNavLink(link)"
|
||
:target="link.target === '_blank' ? '_blank' : undefined"
|
||
class="text-sm text-gray-300 hover:text-[var(--t8-primary-light)] transition-colors"
|
||
>
|
||
{{ link.title }}
|
||
</NuxtLink>
|
||
</nav>
|
||
|
||
<!-- 联系方式 -->
|
||
<div class="flex flex-col gap-1 text-sm text-gray-300">
|
||
<div class="font-semibold text-[var(--t8-primary-light)] mb-1">联系我们</div>
|
||
<span v-if="phone">电话：{{ phone }}</span>
|
||
<span v-if="email">邮箱：{{ email }}</span>
|
||
<span v-if="address">地址：{{ address }}</span>
|
||
<span v-if="officialWebsite">官网：<a :href="officialWebsiteUrl" target="_blank" rel="nofollow" class="hover:text-[var(--t8-primary)] transition-colors">{{ officialWebsite }}</a></span>
|
||
</div>
|
||
|
||
<!-- 关注我们 -->
|
||
<div v-if="wxQrcode || socialLinks.length" class="flex flex-col gap-2">
|
||
<div class="font-semibold text-[var(--t8-primary-light)] mb-1">关注我们</div>
|
||
<img v-if="wxQrcode" :src="wxQrcode" alt="微信二维码" class="w-28 h-28 object-contain border border-white/10 rounded-lg">
|
||
<p v-if="wxQrcode" class="text-xs text-gray-400">{{ siteConfig?.wxQrcodeText || '扫码关注' }}</p>
|
||
<a
|
||
v-for="link in socialLinks"
|
||
:key="link.url"
|
||
:href="link.url"
|
||
target="_blank"
|
||
rel="nofollow"
|
||
class="text-sm text-gray-300 hover:text-[var(--t8-primary-light)] transition-colors"
|
||
>{{ link.name || link.type }}</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mt-8 pt-6 border-t border-white/10 flex flex-wrap items-center justify-between gap-2 text-xs text-gray-400">
|
||
<span>{{ copyright || '© ' + new Date().getFullYear() + ' ' + (siteName || '企业官网') }}</span>
|
||
<div class="flex items-center gap-3">
|
||
<span v-if="icpNo">{{ icpNo }}</span>
|
||
<span v-if="siteInfo?.policeNo">{{ siteInfo.policeNo }}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
/**
|
||
* 模板 8 - Footer 组件（金棕企业风，深金棕底 + 浅字）
|
||
* 使用 config 与 useSite 的 bottomNavigations（top!==1 的页脚链接）渲染
|
||
*/
|
||
import type { CmsNavigation } from '~/types'
|
||
|
||
const { siteInfo, siteName, siteLogo, siteFooterLogo, siteIcon, siteConfig, bottomNavigations, phone, email, address, copyright, wxQrcode, icpNo, slogan, officialWebsite, officialWebsiteUrl, socialLinks } = useSite()
|
||
|
||
/** 快速链接：取顶级导航中非首页且无子菜单的项 */
|
||
const quickLinks = computed<CmsNavigation[]>(() => {
|
||
const navs = bottomNavigations.value || []
|
||
return navs.filter((nav) => nav.model !== 'index').slice(0, 6)
|
||
})
|
||
</script>
|