nuxtProject/pages/information.vue

<template>
  <!-- 信息产业-详情页 -->
  <div class="client-information-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>互联网经济在中国GDP中占比持续攀升，业务重心向“盈利”为核心的网络游戏、网上交易、网络广告、网络教育、网络短信等产业转移，由于新兴应用层出不穷，所以信息业对新兴技术的工程人员需求量也在变大，未来势必将要求更高质量的产业融合发展和转型升级。</p>
        <img :src="informationDevelopImg" alt="信息产业行业现状" />
      </div>
    </div>

    <!-- 我们的系统为您改变了什么 -->
    <div class="information-change-box">
      <h4 class="client-title">使用我们的系统，这些问题都能迎刃而解</h4>
      <div class="client-container">
        <div class="industrydetails-content">
          <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>
          <img :src="changeImg" alt="我们的系统为您改变了什么" />
          <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>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
        name: 'information',
        layout:     'templateB',
      data() {
        return {
          // 发展现状img
          informationDevelopImg:   require(`~/static/images/client/industrydetails/information-develop-img.png`),
          // 我们的系统为您改变了什么 img
          changeImg:   require(`~/static/images/client/industrydetails/information-change-img.png`),
        }
      },
      head() {
        return {
          title: '信息产业考试系统_信息产业考核系统',
          meta:  [
            {
              description:    '近年来我国互联网继续保持增长态势，上网人数和增长速度都为全世界瞩目，网络产业已经从过去的吸引眼球上逐渐转向以“盈利”为核心。',
              keywords:    '信息产业考培系统',
            },
          ],
        };
      },
    };
</script>

<style scoped>

</style>