nuxtProject/pages/indexEducation.vue

<template>
  <div class="client-platform-page client-indexEducation-page">

    <!-- “1+X”教育 banner栏 -->
    <div class="client-platform-banner">
      <div :style="{backgroundImage: `url(${require(`~/static/images/client/indexEducation/index-education-banner.jpg`)})`}" class="client-platform-banner"></div>
      <!--<a rel="nofollow" class="free-trial-default-btn" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">免费试用</a>-->
      <a rel="nofollow" class="client-default-Btn" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank" style="display:inline-block;">申请方案</a>
      <span rel="nofollow" class="client-default-white-Btn" @click="goIntroductionPage">联系我们</span>
    </div>
    <!--  “1+X”实施意义 -->
    <div class="platform-products-services">
      <h4 class="client-title">“1+X”实施意义</h4>
      <ul>

        <li>
          <div class="client-container">
            <div class="products-services-box">
              <img :src="curriculumResourcesImg1" alt="“1+X”实施意义" />
              <div class="products-services-content">
                <h5>“1+X”证书制度作为新时代职业教育领域的一项重大创新</h5>
                <i></i>
                <p>
                  <span>1.深化职业教育改革，完善现代职业教育体系</span><br>
                  <span>2.优化职业教育结构，健全国家职业教育制度</span><br>
                  <span>3.创新人才培养和评价模式，提高人才培养质量</span><br>
                  <span>4.对接国际职业标准，促进人才培养国际化</span><br>
                </p>
                <div>
                  <a rel="nofollow" class="client-default-Btn" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">申请方案</a>
                  <span rel="nofollow" class="client-default-white-Btn" @click="goIntroductionPage">联系我们</span>
                </div>
              </div>
            </div>
          </div>
        </li>
        <li>
          <div class="client-container">
            <div class="products-services-box products-contrary-box">
              <h4 class="client-title">“1+X”培训平台</h4>
              <img :src="curriculumResourcesImg2" alt="“1+X”培训平台" />
              <div class="products-services-content">
                <p>麦塔为院校提供“1+X”培训平台，将职业技能实训融入到教学资源中，配套丰富的教学资源及精准的实训设施，为学生顺利取得“1+X”职业技能等级证书保驾护航。</p>
                <div>
                  <a rel="nofollow" class="client-default-Btn" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">申请方案</a>
                  <span rel="nofollow" class="client-default-white-Btn" @click="goIntroductionPage">联系我们</span>
                </div>
              </div>
            </div>
          </div>
        </li>
        <li>
          <div class="client-container">
            <div class="products-services-box">
              <h4 class="client-title">职业教育痛点</h4>
              <img :src="curriculumResourcesImg3" alt="职业教育痛点" />
              <div class="products-services-content">
                <p>
                  <span>院校技术人才培养机制欠缺</span><br>
                  <span>课程设置以理论为主，教学方式单一</span><br>
                  <span>缺乏针对职业考核要素的实训环境及考核模拟</span><br>
                </p>
                <div>
                  <a rel="nofollow" class="client-default-Btn" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">申请方案</a>
                  <span rel="nofollow" class="client-default-white-Btn" @click="goIntroductionPage">联系我们</span>
                </div>
              </div>
            </div>
          </div>
        </li>
        <li style="margin-bottom: 80px">
          <div class="client-container">
            <div class="products-services-box products-contrary-box">
              <h4 class="client-title">麦塔解决方案</h4>
              <img :src="curriculumResourcesImg4" alt="麦塔解决方案" />
              <div class="products-services-content">
                <p>
                  <span>提供为院校提供“1+X”培训平台，行业领域全面覆盖</span><br>
                  <span>提供完整的人才培养解决方案，提供“教、学、训、研、测”一体化的教学实训体系</span><br>
                  <span>行业内权威人才测评认证能力，提供一套体系化应用型人才测评系统，对测评人专业知识、专业技能、综合素质及内隐特质进行综合评价</span><br>
                  <span>提供多维度的师资力量建设计划</span><br>
                </p>
                <div>
                  <a rel="nofollow" class="client-default-Btn" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">申请方案</a>
                  <span rel="nofollow" class="client-default-white-Btn" @click="goIntroductionPage">联系我们</span>
                </div>
              </div>
            </div>
          </div>
        </li>
      </ul>

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

<script>
  export default {
    name:     'indexEducation',
    layout:   'templateB',
    async asyncData({ $axios,store }) {
      // 设置选中菜单
      store.commit('setActiveNav', '/indexEducation');


      let [res1, res2] = await Promise.all([
                                             await $axios.$post(`/home/banner/list`, { 'code': 3 }).then(res => {
                                               return res;
                                             }),
                                             await $axios.$post(`/home/news/carousel`, { 'newsClassifyId': 0,'keyword':'培训' }).then(res => {
                                               return res;
                                             })
                                           ]);
      return {
        bannerList: res1.data.data||[],
        topCarousels: res2.data.data||[],

      };
    },
    data() {
      return {
        curriculumResourcesImg1:  require(`~/static/images/client/indexEducation/index-education-img1.png`),
        curriculumResourcesImg2:  require(`~/static/images/client/indexEducation/index-education-img2.png`),
        curriculumResourcesImg3:  require(`~/static/images/client/indexEducation/index-education-img3.png`),
        curriculumResourcesImg4:  require(`~/static/images/client/indexEducation/index-education-img4.png`),
      };
    },
    head(){
      return {
        title: '1+X教育考试平台_1+X培训平台_1+X行业解决方案',
        meta: [
          {
            name: 'keywords',
            content: '1+X考试平台,1+X培训平台'
          },
          {
            name:'description',
            content:'麦塔为院校提供“1+X”培训平台，将职业技能实训融入到教学资源中，配套丰富的教学资源及精准的实训设施，为学生顺利取得“1+X”职业技能等级证书保驾护航。'
          }
        ],
      }
    },
    computed: {},
    methods:  {
      goIntroductionPage(){
        this.$router.push({ name: 'introduction' });
      },
      checkInfo(data) {
        const opt = {
          id: data.code,
        };
        this.$router.push({ name: 'news-id', params: opt });
      },
      clickBanner(data){
        if(data){
          window.open(data)
        }
      },
    },
    created() {

    },
    mounted() {
    },
    beforeDestroy() {
    },
  };
</script>
<style>

</style>