35 lines
1.3 KiB
Vue
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>
|