<template>
  <div>
    <!-- <div class="banner">
      <img src="https://webapp-pub.ezijing.com/www/h5/internationalDegree/banner.jpg" />
    </div> -->
    <div class="w1200">
      <!-- <div class="why">
        <h1 class="why-title">为什么选择紫荆的国际免联考在线学位课程？</h1>
        <div class="why-list">
          <div class="why-item" v-for="(item, index) in whyList" :key="index">
            <img :src="item.icon" class="why-item__icon" />
            <img :src="item.hoverIcon" class="why-item__icon_hover" />
            <div class="why-content" v-html="item.desc"></div>
          </div>
        </div>
      </div> -->
      <van-swipe class="my-swipe" :autoplay="5000" indicator-color="white">
        <van-swipe-item v-for="(item, index) in bannerList" :key="index">
          <img :src="item.web_img_uri" class="banner-img" />
        </van-swipe-item>
      </van-swipe>
      <FormSubmit />
      <ProjectCard title="热门专业" :list="projectList"></ProjectCard>
      <app-card title="申请流程">
        <div class="process">
          <img src="https://webapp-pub.ezijing.com/www/h5/internationalDegree/process.png" />
        </div>
      </app-card>
      <app-card title="报考指南">
        <swiper ref="mySwiper" :options="swiperOptions">
          <swiper-slide v-for="(item, index) in qaList" :key="index" class="qa-list2">
            <div v-for="(it, index1) in item" :key="index1" class="item">
              <div class="tit">Q：{{ it.question }}</div>
              <p>{{ it.answer }}</p>
              <div class="line"></div>
            </div>
          </swiper-slide>
        </swiper>
      </app-card>
      <TeacherCard :list="teacherList"></TeacherCard>

      <NewsCard baseUrl="/internationalDegree/news" :params="newsParams"></NewsCard>

      <FormSubmit />
    </div>
  </div>
</template>

<script>
import AppCard from '@/components/Card.vue'
import ProjectCard from '@/components/ProjectCard.vue'
import FormSubmit from '@/components/FormSubmit.vue'
import NewsCard from '@/components/NewsCard.vue'
import TeacherCard from '@/components/TeacherCard.vue'
import qaList from '@/assets/internationalDegreeQA.js'

export default {
  head: {
    title: '紫荆教育-在线国际学位项目-在职硕士-国际硕士-免联考硕士-应用心理学硕士-美国硕士',
    meta: [
      {
        hid: 'keywords',
        name: 'keywords',
        content:
          '在线硕士,国际硕士，免联考硕士，美国硕士，在职硕士，在职MBA,在职心理学，心理学硕士，应用心理学硕士，心理学，MBA，免联考MBA,国际MBA,酒店管理'
      },
      {
        hid: 'description',
        name: 'description',
        content:
          '紫荆教育-专注在线国际学位项目，在职硕士心理学硕士，国际硕士免联考硕士，酒店管理硕士，美国硕士，在线硕士，清控紫荆教育全称是清控紫荆（北京）教育科技股份有限公司，是2015年以清华大学五道口金融学院相关知识产权创设而成。'
      }
    ]
  },
  components: { AppCard, FormSubmit, ProjectCard, NewsCard, TeacherCard },
  data() {
    return {
      swiperOptions: {
        autoplay: true,
        loop: true,
        slidesPerView: 'auto',
        spaceBetween: 16
      },
      bannerList: [
        { web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/banner1.jpg' },
        { web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/banner2.jpg' },
        { web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/banner3.jpg' },
        { web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/banner4.jpg' }
      ],
      whyList: [
        {
          icon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_01.png',
          hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_01_hover.png',
          desc: '优选国际正规院校、学位受到全球普遍承认'
        },
        {
          icon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_02.png',
          hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_02_hover.png',
          desc: '严格审核，正规面试， 以国际标准选拔优秀人才'
        },
        {
          icon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_03.png',
          hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_03_hover.png',
          desc: '国企背景、专业口碑 国际化专业运营团队'
        },
        {
          icon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_04.png',
          hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_04_hover.png',
          desc: '与在校生一样的授课老师，一样的专业课程体系'
        },
        {
          icon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_05.png',
          hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_05_hover.png',
          desc: '针对在线学习特点的教学优化和授课安排'
        },
        {
          icon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_06.png',
          hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_06_hover.png',
          desc: '稳定的学习系统，365天X24小时全球登录'
        }
      ],
      // 热门专业
      projectList: [
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/h5/internationalDegree/project_ciis.png',
          href: 'http://pages.ezijing.com/ciis/mobile-204001490929.html?channel_num=29758'
        },

        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/h5/internationalDegree/project_cuw.png',
          href: 'https://pages.ezijing.com/cuw/20220804.html?channel_num=29758'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/h5/internationalDegree/project_cu.png',
          href: 'https://pages.ezijing.com/campbellsville/mobile-204001490804.html?channel_num=29758'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/h5/internationalDegree/project_marywood.png',
          href: 'https://pages.ezijing.com/marywood/m204001490514.html?channel_num=29759'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/h5/internationalDegree/project_shms.png',
          href: 'https://pages.ezijing.com/seg/mobile202107190928.html?channel_num=29759'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/h5/internationalDegree/project_caas.png',
          href: 'https://caas.ezijing.com/'
        }
      ],
      // 常见问题
      qaList,
      // 最新动态请求参数
      newsParams: {
        project_ids: [
          '6800243768751554560',
          '6808657045168848896',
          '6808657689426526208',
          '6805762100502200320',
          '6808658580045037568',
          '6823789210604929024'
        ],
        type_tag: 'article_news_hot',
        page: 1,
        limit: 4
      },
      teacherList: [
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/yxsz_01.jpg',
          name: 'Glenn Hartelius',
          project: '师资-CIIS | 博士',
          title: '博士',
          desc: '《国际整合与后人本主义心理学专业手册》编纂人<br/>《国际整合与后人本主义心理学》专业学术期刊主编'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/yxsz_02.jpg',
          name: '钟思嘉',
          project: '师资-CIIS | 教授',
          title: '教授',
          desc: '美国俄勒冈大学哲学博士（教育心理学与咨询心理学）<br/>现任浙江师范大学教师教育学院特聘专家'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/yxsz_03.jpg',
          name: 'Sharon Hundley,Ed.D.',
          project: '师资-CU | 副教授',
          desc: '康博斯威尔大学教育学院早期儿童教育项目主任<br/>AMI认证3-6岁主教<br/>AMS授证导师'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/yxsz_04.jpg',
          name: '胡晓毅',
          project: '师资-CU | 教授',
          desc: '北京师范大学教育学部教授、硕士生导师<br/>美国堪萨斯大学特殊教育系博士'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/yxsz_05.jpg',
          name: 'Ash Soni',
          project: '师资-KELLEY | 教授',
          desc: '印第安纳大学工商管理博士<br/>KELLEY商学院副院长、教授'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/yxsz_06.jpg',
          name: '肇越',
          project: '师资-KELLEY | 博士',
          desc:
            '清华五道口经济学博士<br/>清华大学五道口金融学院业界导师、经济学家兼研究院院长<br/>香港致富证券有限公司首席'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/yxsz_07.jpg',
          name: 'Chris Speicher',
          project: '师资-MARYWOOD | 副教授',
          desc: '天普大学博士副教授'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/yxsz_08.jpg',
          name: '张恩忠',
          project: '师资-MARYWOOD | 副教授',
          desc: '美国普渡大学博士<br/>中国人民大学教授、博士生导师'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/yxsz_09.jpg',
          name: 'Andrea Leuenberger',
          project: '师资-SHMS | 项目主管',
          desc:
            '擅长于牧学领域的学习设计<br/>曾在纽约奢华酒店Swiss atel The Drake和莫斯科、中亚地区等多家奢华酒店担任运营总监和高管'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped src="@/assets/css/studyAbroad.scss"></style>
