alien-website/src/components/AppFooter.vue

<script setup>
import { footerLinks } from '../data/site'
import AppLogo from './AppLogo.vue'

const emit = defineEmits(['navigate'])
</script>

<template>
  <footer class="footer">
    <div class="container footer-inner">
      <div class="footer-brand">
        <a href="#" class="logo" @click.prevent="emit('navigate', 'home')">
          <AppLogo />
        </a>
        <p class="footer-company-name">爱丽恩严(大连)商务科技有限公司</p>
      </div>
      <div class="footer-links">
        <div v-for="col in footerLinks" :key="col.title" class="footer-col">
          <h4>{{ col.title }}</h4>
          <a
            v-for="link in col.links"
            :key="link.label"
            href="#"
            @click.prevent="emit('navigate', link.target)"
          >
            {{ link.label }}
          </a>
        </div>
      </div>
    </div>
    <div class="footer-bottom">
      <div class="container">
        <p>&copy; 2026 爱丽恩严(大连)商务科技有限公司 版权所有</p>
      </div>
    </div>
  </footer>
</template>