<template>
  <div class="footer">
      <q-img
        src="../../assets/images/index/logo_bottom.png"
        spinner-color="white"
        class="jh_icon"
      />
      <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>
      <q-img
        src="../../assets/images/index/logo_bottom.png"
        spinner-color="white"
        class="ewm_icon"
      />
      <q-img
        src="../../assets/images/index/logo_bottom.png"
        spinner-color="white"
        class="mini_icon"
      />
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    jumpPage(url) {
      this.$router.push(url);
    },
  },
};
</script>
<style lang="scss" scoped>
.footer {
  width: 100%;
  height: 14.062vw;
  background-color: #faf8f9;
  position: relative;

  .jh_icon {
    width: 5.781vw;
    height: auto;
    position: absolute;
    top: 4.01vw;
    left: 18.75vw;
  }
  .link {
    font-size: 0.729vw;
    color: #111111;
    position: absolute;
    top: 5.26vw;
    left: 26.562vw;
  }
  .link span {
    cursor: pointer;
  }
  .copyright {
    text-align: center;
    font-size: 0.729vw;
    font-family: "pingfang-b" !important;
    color: #111111;
    position: absolute;
    top: 7.916vw;
    left: 26.562vw;
  }
  .ewm_icon {
    width: 5.781vw;
    height: auto;
    position: absolute;
    top: 4.01vw;
    left: 66.354vw;
  }
  .mini_icon {
    width: 5.781vw;
    height: auto;
    position: absolute;
    top: 4.01vw;
    left: 75.572vw;
  }
}
</style>