<template>
  <div class="service">
    <div class="service-hd">留学中心</div>
    <div class="service-bd">
      <AppLink to="/studyAbroad">
        <img src="https://webapp-pub.ezijing.com/www/h5/studyAbroad.png" width="100%" />
      </AppLink>
    </div>
  </div>
</template>
<script>
import AppLink from '@/components/Link'
export default {
  components: { AppLink },
  data() {
    return {
      data: [
        {
          icon: 'https://webapp-pub.ezijing.com/www/pc/home/05.png',
          text: this.$t('home.college.x'),
          href: 'https://x.ezijing.com'
        },
        {
          icon: 'https://webapp-pub.ezijing.com/www/pc/home/onlineEdu_02.png',
          text: this.$t('home.onlineEdu.prp'),
          href: 'https://prp.ezijing.com/'
        },
        {
          icon: 'https://webapp-pub.ezijing.com/www/pc/home/menu/icon_menu_szcx.png',
          text: '高管培训<br/>数字创新管理',
          onClick: this.showTips
        }
      ]
    }
  },
  methods: {
    showTips() {
      this.$notify({ type: 'primary', message: '暂未开通，尽请期待' })
    }
  }
}
</script>

<style lang="scss" scoped>
.service {
  margin: 0.2rem 0.16rem;
}
.service-hd {
  padding-bottom: 0.1rem;
  font-size: 0.12rem;
  font-weight: bold;
  line-height: 1;
}
</style>
