<template>
  <footer class="footer">
    <div class="footer-container">
      <div class="footer-content">
        <p>© {{ currentYear }} 云帆互联 在线学习考试系统</p>
        <p>联系我们: support@yunfan.com</p>
      </div>
    </div>
  </footer>
</template>

<script setup>
import { computed } from 'vue'

const currentYear = computed(() => new Date().getFullYear())
</script>

<style lang="scss" scoped>
.footer {
  background-color: #f5f7fa;
  padding: 20px 0;
  border-top: 1px solid #e0e0e0;
  
  .footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  .footer-content {
    text-align: center;
    color: #666;
    font-size: 14px;
    
    p {
      margin: 5px 0;
    }
  }
}
</style> 