nuxtProject/pages/traffic.vue

<template>
  <!-- 交通运输-详情页 -->
  <div class="client-traffic-page">

    <!-- 交通运输banner栏 -->
    <div class="industrydetails-banner">
      <div class="industrydetails-banner-box"></div>
      <a rel="nofollow" class="free-trial-default-btn mta-hidden-xs" href="https://cdnks.mtavip.com/a/register?flug=1"
         target="_blank">免费试用</a>
      <a rel="nofollow" class="free-trial-default-btn mta-hidden-sm" href="https://cdnks.mtavip.com/mdist/#/webRegister?flug=1"
         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="traffic-change-box">
      <h4 class="client-title">使用我们的系统，这些问题都能迎刃而解</h4>
      <div class="client-container">
        <div class="industrydetails-content tc">
          <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>
            </ul>
          </div>
          <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>费用成本、人力成本和时间成本均降低90%以上</p></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name:   'traffic',
    layout: 'templateB',
    data() {
      return {
        // 发展现状img
        developImg: require(`~/static/images/client/industrydetails/traffic-develop-img.png`),
      };
    },
    head() {
      return {
        title: '交通运输行业考试系统_交通运输行业考核系统',
        meta:  [
          {
            description: '由于交通行业以技术先行，企业越来越需要具有扎实的汽车运用技术、交通运输系统规划与管理、物流系统工程等方面专业知识，并能独立从事汽车运用与管理、物流系统规划设计与管理的复合型高级工程技术人才，人才的培养格外重要。',
            keywords:    '交通考试系统,运输考试系统,交通考核系统,运输考核系统',
          },
        ],
      };
    },
  };
</script>

<style scoped>

</style>