49 lines
862 B
Vue
49 lines
862 B
Vue
<!-- src/components/Footer.vue -->
|
|
<template>
|
|
<a-layout-footer class="footer">
|
|
<div class="footer-content">
|
|
<div class="footer-links">
|
|
<a href="#">关于我们</a>
|
|
<a href="#">联系我们</a>
|
|
<a href="#">帮助中心</a>
|
|
<a href="#">隐私政策</a>
|
|
</div>
|
|
<div class="copyright">
|
|
<p>© 2025 我的网站. 保留所有权利.</p>
|
|
</div>
|
|
</div>
|
|
</a-layout-footer>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
</script>
|
|
|
|
<style scoped>
|
|
.footer {
|
|
background: #f0f2f5;
|
|
padding: 24px 0;
|
|
margin-top: auto;
|
|
}
|
|
|
|
.footer-content {
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
padding: 0 24px;
|
|
text-align: center;
|
|
}
|
|
|
|
.footer-links a {
|
|
margin: 0 12px;
|
|
color: #666;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.footer-links a:hover {
|
|
color: #1890ff;
|
|
}
|
|
|
|
.copyright {
|
|
margin-top: 16px;
|
|
color: #999;
|
|
}
|
|
</style> |