1
0
Files
ag-index/nuxt-web/components/AppFooter.vue
2026-04-20 09:45:20 +08:00

90 lines
3.1 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<script setup lang="ts">
import { footerLinks } from '~/data/navigation'
import { siteInfo } from '~/data/site'
</script>
<template>
<footer class="site-footer">
<div class="upper-footer">
<div class="container">
<div class="row">
<div class="col col-lg-3 col-md-3 col-sm-6">
<div class="widget about-widget">
<div class="logo widget-title">
<img :src="siteInfo.footerLogo" :alt="siteInfo.companyName">
</div>
<img :src="siteInfo.wechatOfficialImage" alt="微信公众号" style="width: 100px; margin-left: 10px;">
<p style="margin-left: 10px;">关注公司微信号</p>
</div>
</div>
<div class="col col-lg-2 col-md-3 col-sm-6">
<div class="widget link-widget">
<div class="widget-title">
<h3>相关链接</h3>
</div>
<ul>
<li v-for="link in footerLinks" :key="link.label">
<NuxtLink :to="link.to">{{ link.label }}</NuxtLink>
</li>
</ul>
</div>
</div>
<div class="col col-lg-3 col-md-3 col-sm-6">
<div class="widget contact-widget service-link-widget">
<div class="widget-title">
<h3>公司信息</h3>
</div>
<ul>
<li><span>地址</span>{{ siteInfo.address }}</li>
<li><span>电话</span>{{ siteInfo.phone }}</li>
<li><span>邮箱</span>{{ siteInfo.email }}</li>
</ul>
</div>
</div>
<div class="col col-lg-3 col-md-3 col-sm-6">
<div class="widget newsletter-widget">
<div class="widget-title">
<h3>业务咨询邮箱</h3>
</div>
<form>
<div class="input-1">
<p style="font-size: 18px; font-weight: 600;">{{ siteInfo.email }}</p>
<p><span>工作时间</span>{{ siteInfo.businessHours }}</p>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="lower-footer">
<div class="container">
<div class="row">
<div class="separator" />
<div class="col col-xs-12">
<p class="copyright">
Copyright © {{ siteInfo.companyName }}
<a :href="siteInfo.icpHref" target="_blank" rel="noreferrer">{{ siteInfo.icpText }}</a>
</p>
<a
:href="siteInfo.publicSecurityHref"
target="_blank"
rel="noreferrer"
style="display: inline-block; text-decoration: none; height: 20px; line-height: 20px;"
>
<img :src="siteInfo.publicSecurityImage" :alt="siteInfo.publicSecurityText" style="float: left;">
<p style="float: left; height: 20px; font-size: 0.875rem; line-height: 20px; margin: 0 0 0 5px;">
{{ siteInfo.publicSecurityText }}
</p>
</a>
</div>
</div>
</div>
</div>
</footer>
</template>