<script setup lang="ts">
const footerLinks = [
  {
    title: '信息技术服务',
    items: ['顾问服务', '业务流程服务', 'IT工程服务']
  },
  // {
  //   title: 'IT教育及培训',
  //   items: ['职业培训学校', '人才实训中心', '企业定向培训']
  // },
  {
    title: '行业经验',
    items: ['通信行业', '金融行业', '汽车制造行业']
  },
  {
    title: '关于英泽科技',
    items: ['公司简介', '企业文化', '荣誉资质']
  }
]

const baseInfo = ['网站首页', '招聘信息', '联系我们', '合肥英泽']
</script>

<template>
  <div class="footer">
    <div class="center-width footer-main">
      <i class="logo"></i>

      <ul v-for="(group, index) in footerLinks" :key="index" class="footer-ul" :class="{ first: index === 0 }">
        <li class="title">{{ group.title }}</li>
        <li v-for="(item, itemIndex) in group.items" :key="itemIndex">{{ item }}</li>
      </ul>

      <div class="map"></div>
      <div style="clear: both;"></div>
      
      <div class="base-info">
        <span v-for="(item, index) in baseInfo" :key="index">{{ item }}</span>
      </div>

      <div class="legal-info">
        2020-2021 © 合肥英泽信息科技有限公司版权所有
        <a href="https://beian.miit.gov.cn/" style="color: #fff;" target="_blank">鄂ICP备2021010942号-1</a>
      </div>
    </div>
  </div>
</template>

<style scoped>
.footer {
  width: 100%;
}
</style> 