Files
happy-life-star/web/src/components/layout/AppFooter.vue
T
2025-07-26 00:37:18 +08:00

35 lines
1.3 KiB
Vue

<template>
<footer class="app-footer">
<div style="background: white; padding: 40px 20px; text-align: center; border-top: 1px solid #e8e8e8;">
<div style="max-width: 1200px; margin: 0 auto;">
<div style="margin-bottom: 20px;">
<h3 style="color: #4A90E2; font-size: 20px; margin-bottom: 8px;">开心APP</h3>
<p style="color: #888; margin: 0;">陪伴理解记录共同成长</p>
</div>
<div style="display: flex; justify-content: center; gap: 40px; margin-bottom: 20px; flex-wrap: wrap;">
<router-link to="/chat" style="color: #888; text-decoration: none;">聊天</router-link>
<router-link to="/diary" style="color: #888; text-decoration: none;">日记</router-link>
<router-link to="/dashboard" style="color: #888; text-decoration: none;">展板</router-link>
<router-link to="/settings" style="color: #888; text-decoration: none;">设置</router-link>
</div>
<p style="color: #888; font-size: 14px; margin: 0;">
© 2025 开心APP. All Rights Reserved. 来自"开心"星球的温柔科技
</p>
</div>
</div>
</footer>
</template>
<script setup lang="ts">
// 简化版Footer组件
</script>
<style lang="scss" scoped>
@use "@/assets/styles/variables.scss" as *;
.app-footer {
margin-top: auto;
}
</style>