style: 调整代码格式
- 根据ESLint文件规范格式化app文件夹中的代码
This commit is contained in:
@ -5,55 +5,63 @@
|
||||
<div class="footer-section">
|
||||
<div class="footer-logo">
|
||||
<img src="/jinshen-logo.png" alt="Jinshen Logo" class="logo-image">
|
||||
<h3>{{ $t('company-name') }}</h3>
|
||||
<h3>{{ $t("company-name") }}</h3>
|
||||
</div>
|
||||
<p class="company-description">
|
||||
{{ $t('company-description') }}
|
||||
{{ $t("company-description") }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- 快速链接 -->
|
||||
<div class="footer-section">
|
||||
<h4>{{ $t('quick-links') }}</h4>
|
||||
<h4>{{ $t("quick-links") }}</h4>
|
||||
<ul class="footer-links">
|
||||
<li>
|
||||
<NuxtLinkLocale to="/">{{ $t('navigation.home') }}</NuxtLinkLocale>
|
||||
<NuxtLinkLocale to="/">{{ $t("navigation.home") }}</NuxtLinkLocale>
|
||||
</li>
|
||||
<li>
|
||||
<NuxtLink :to="$localePath('/productions')">{{ $t('navigation.productions') }}</NuxtLink>
|
||||
<NuxtLink :to="$localePath('/productions')">{{
|
||||
$t("navigation.productions")
|
||||
}}</NuxtLink>
|
||||
</li>
|
||||
<li>
|
||||
<NuxtLink :to="$localePath('/solutions')">{{ $t('navigation.solutions') }}</NuxtLink>
|
||||
<NuxtLink :to="$localePath('/solutions')">{{
|
||||
$t("navigation.solutions")
|
||||
}}</NuxtLink>
|
||||
</li>
|
||||
<li>
|
||||
<NuxtLink :to="$localePath('/support')">{{ $t('navigation.support') }}</NuxtLink>
|
||||
<NuxtLink :to="$localePath('/support')">{{
|
||||
$t("navigation.support")
|
||||
}}</NuxtLink>
|
||||
</li>
|
||||
<li>
|
||||
<NuxtLink :to="$localePath('/about')">{{ $t('navigation.about-us') }}</NuxtLink>
|
||||
<NuxtLink :to="$localePath('/about')">{{
|
||||
$t("navigation.about-us")
|
||||
}}</NuxtLink>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 联系信息 -->
|
||||
<div class="footer-section">
|
||||
<h4>{{ $t('contact-info') }}</h4>
|
||||
<h4>{{ $t("contact-info") }}</h4>
|
||||
<div class="contact-item">
|
||||
<el-icon><Phone /></el-icon>
|
||||
<span>{{ $t('telephone') }}: 0573-88187988</span>
|
||||
<span>{{ $t("telephone") }}: 0573-88187988</span>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<el-icon><Message /></el-icon>
|
||||
<span>{{ $t('email') }}: jinshen@wzjinshen.com</span>
|
||||
<span>{{ $t("email") }}: jinshen@wzjinshen.com</span>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<el-icon><Location /></el-icon>
|
||||
<span>{{ $t('address') }}: {{ $t('company-address') }}</span>
|
||||
<span>{{ $t("address") }}: {{ $t("company-address") }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 社交媒体 -->
|
||||
<div class="footer-section">
|
||||
<h4>{{ $t('follow-us') }}</h4>
|
||||
<h4>{{ $t("follow-us") }}</h4>
|
||||
<div class="social-links">
|
||||
<a href="#" class="social-link" aria-label="WeChat">
|
||||
<el-icon size="20"><ChatDotRound /></el-icon>
|
||||
@ -75,15 +83,22 @@
|
||||
<div class="footer-bottom">
|
||||
<div class="footer-container">
|
||||
<div class="copyright">
|
||||
<p>© {{ currentYear }} {{ $t('company-name') }}. {{ $t('all-rights-reserved') }}</p>
|
||||
<p>
|
||||
© {{ currentYear }} {{ $t("company-name") }}.
|
||||
{{ $t("all-rights-reserved") }}
|
||||
</p>
|
||||
<p>备案号: 浙ICP备12003709号-5</p>
|
||||
</div>
|
||||
<div class="footer-links-bottom">
|
||||
<NuxtLink :to="$localePath('/privacy')">{{ $t('privacy-policy') }}</NuxtLink>
|
||||
<NuxtLink :to="$localePath('/privacy')">{{
|
||||
$t("privacy-policy")
|
||||
}}</NuxtLink>
|
||||
<span class="separator">|</span>
|
||||
<NuxtLink :to="$localePath('/terms')">{{ $t('terms-of-service') }}</NuxtLink>
|
||||
<NuxtLink :to="$localePath('/terms')">{{
|
||||
$t("terms-of-service")
|
||||
}}</NuxtLink>
|
||||
<span class="separator">|</span>
|
||||
<NuxtLink :to="$localePath('/sitemap')">{{ $t('sitemap') }}</NuxtLink>
|
||||
<NuxtLink :to="$localePath('/sitemap')">{{ $t("sitemap") }}</NuxtLink>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -91,16 +106,16 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {
|
||||
Phone,
|
||||
Message,
|
||||
Location,
|
||||
ChatDotRound,
|
||||
Star,
|
||||
Link
|
||||
} from '@element-plus/icons-vue'
|
||||
import {
|
||||
Phone,
|
||||
Message,
|
||||
Location,
|
||||
ChatDotRound,
|
||||
Star,
|
||||
Link,
|
||||
} from "@element-plus/icons-vue";
|
||||
|
||||
const currentYear = new Date().getFullYear()
|
||||
const currentYear = new Date().getFullYear();
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
@ -249,13 +264,13 @@ const currentYear = new Date().getFullYear()
|
||||
grid-template-columns: 1fr;
|
||||
padding: 1.5rem 1rem;
|
||||
}
|
||||
|
||||
|
||||
.footer-bottom .footer-container {
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
|
||||
.footer-links-bottom {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
@ -267,7 +282,7 @@ const currentYear = new Date().getFullYear()
|
||||
.jinshen-footer {
|
||||
background: var(--el-bg-color-page);
|
||||
}
|
||||
|
||||
|
||||
.footer-bottom {
|
||||
background: var(--el-fill-color-darker);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user