<template>
  <div class="footer">
      <!-- <div class="absolute-top-left subFooter"> -->
        <q-img
          src="../../assets/images/index/logo_bottom.png"
          spinner-color="white"
          class="class_icon6"
        />
        <div class="link">
          <span @click="jumpPage('')">留学服务</span> | <span @click="jumpPage()">就业服务</span> | <span @click="jumpPage()">甲鹤团队</span> | <span @click="jumpPage()">关于甲鹤</span> | <span @click="jumpPage()">联系我们</span>
        </div>
        <div class="copyright">
          CopyRight © 2018 www.023.cn. All Rights Reserved
        </div>
      <!-- </div> -->
  </div>
</template>
<script>
export default {
  data(){
    return{

    }
  },
  methods:{
    jumpPage(url){
      this.$router.push(url)
    }
  }
}
</script>
<style lang="scss" scoped>
.footer {
  width: 100%;
  height: 22.916vw;
  background-color: #ededed;
  position: relative;
  .class_icon6 {
    width: calc(201 / 1920 * 100%);
    height: auto;
    position: absolute;
    top: 3.697vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .link {
    font-size: 0.729vw;
    color: #111111;
    position: absolute;
    top: 16.822vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .link span {
    cursor: pointer;
  }
  .copyright {
    text-align: center;
    font-size: 0.729vw;
    font-family: "pingfang-b" !important;
    color: #111111;
    position: absolute;
    top: 20.729vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
</style>