nuxtProject/pages/trainEducation.vue

<template>
  <!-- 教育行业-详情页 -->
  <div class="client-education-page">

    <!-- 教育行业banner栏 -->
    <div class="industrydetails-banner">
      <div class="industrydetails-banner-box"></div>
      <a rel="nofollow" class="free-trial-default-btn" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">免费试用</a>
    </div>

    <!-- 教育行业的发展现状 -->
    <div class="industrydetails-develop-box">
      <h4 class="client-title">教育行业的发展现状</h4>
      <div class="client-container">
        <p>现如今，互联网教育正以迅雷不及掩耳之势搅动市场，“智能学习”成了一个新的市场。教培行业存在的教师教学水平参差不齐，教学质量难以提升等问题，现在都可以通过选择一套合理化的方案来得到解决，麦塔不仅是考试出题软件，还是在线教学考试系统，非常适合培训机构前期营销获客以及后期模拟考试的场景。</p>
        <img :src="developImg" alt="教育行业的发展现状" />
      </div>
    </div>

    <!-- 我们的系统为您改变了什么 -->
    <div class="education-change-box">
      <h4 class="client-title">我们的系统为您改变了什么</h4>
      <div class="client-container">
        <div class="industrydetails-content fn-clear mt48">
          <div class="change-content-left">
            <h5>传统方式出现的问题</h5>
            <ul>
              <li><i></i><p>无论讲师的讲解你是否听明白，你都只能听一次，无法重听</p></li>
              <li><i></i><p>讲师讲的最好的课程无法重复传递给用户</p></li>
              <li><i></i><p>只能在教室这样的固定地点听课</p></li>
              <li><i></i><p>无法把有价值的提问保存下来，给未来其他用户提供参考</p></li>
              <li><i></i><p>由于场地限制，无法组织更多的人一起听课，传播面太小</p></li>
              <li><i></i><p>传统的纸质考试的费时，费力，易出错</p></li>
            </ul>
          </div>
          <img :src="changeImg" alt="vs" />
          <div class="change-content-right">
            <h5>我们能够解决的问题</h5>
            <ul>
              <li><i></i><p>重复听讲：网络学习可无限次重复听讲，问答互动也可以保留分享</p></li>
              <li><i></i><p>个人时间：网络学习可节约个人大量时间</p></li>
              <li><i></i><p>难点学习：网络学习可依据个人情况重复学习难点、易错点</p></li>
              <li><i></i><p>培训费用：可节省讲师、场地、交通等大笔费用</p></li>
              <li><i></i><p>时间灵活：时间灵活，自己时间允许的情况下学习</p></li>
              <li><i></i><p>学习交流：学习过程中可自由与老师交流疑点难点</p></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
        name: 'trainEducation',
        layout:     'templateB',
        data() {
          return {
            // 发展现状img
            developImg:   require(`~/static/images/client/industrydetails/education-develop-img.png`),
            // 我们的系统为您改变了什么 img
            changeImg:   require(`~/static/images/client/industrydetails/education-change-img.png`),
          }
        },
      methods: {
      },
    };
</script>

<style scoped>

</style>