feat(footer): 修改footer布局

- 在footer中添加实用工具的跳转链接
This commit is contained in:
2025-09-24 14:44:22 +08:00
parent 04a2140213
commit 059b99b802
3 changed files with 23 additions and 29 deletions

View File

@ -42,6 +42,22 @@
</ul>
</div>
<!-- 实用工具 -->
<div class="footer-section">
<h4>{{ $t('utilities') }}</h4>
<ul class="footer-links">
<li>
<a
href="http://cal.jinshen.cn"
target="_blank"
rel="noopener noreferer"
>
{{ $t('navigation.calculator') }}
</a>
</li>
</ul>
</div>
<!-- 联系信息 -->
<div class="footer-section">
<h4>{{ $t('contact-info') }}</h4>
@ -58,25 +74,6 @@
<span>{{ $t('address') }}: {{ $t('company-address') }}</span>
</div>
</div>
<!-- 社交媒体 -->
<div class="footer-section">
<h4>{{ $t('follow-us') }}</h4>
<div class="social-links">
<a href="#" class="social-link" aria-label="WeChat">
<el-icon size="20"><ChatDotRound /></el-icon>
</a>
<a href="#" class="social-link" aria-label="Weibo">
<el-icon size="20"><Star /></el-icon>
</a>
<a href="#" class="social-link" aria-label="LinkedIn">
<el-icon size="20"><Link /></el-icon>
</a>
<a href="#" class="social-link" aria-label="Email">
<el-icon size="20"><Message /></el-icon>
</a>
</div>
</div>
</div>
<!-- 版权信息 -->
@ -106,14 +103,7 @@
</template>
<script setup lang="ts">
import {
Phone,
Message,
Location,
ChatDotRound,
Star,
Link,
} from '@element-plus/icons-vue';
import { Phone, Message, Location } from '@element-plus/icons-vue';
const currentYear = new Date().getFullYear();
</script>