Initial commit: first version of project
This commit is contained in:
49
src/components/footer.vue
Normal file
49
src/components/footer.vue
Normal file
@@ -0,0 +1,49 @@
|
||||
<!-- 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>
|
Reference in New Issue
Block a user