nuxtProject/pages/Industrydetails/information.vue

<template>
  <!-- 信息产业-详情页 -->
  <div class="client-information-page">

    <!-- 信息产业banner栏 -->
    <div class="information-banner"></div>

    <!-- 信息产业的发展现状 -->
    <div class="industrydetails-develop-box">
      <h4 class="client-title">信息产业的发展现状</h4>
      <div class="client-container">
        <p>近年来我国互联网继续保持增长态势，上网人数和增长速度都为全世界瞩目，网络产业已经从过去的吸引眼球上逐渐转向以“盈利”为中心。如网络游戏、网上交易、网络广告、网络教育、网络短信等，新兴应用层出不穷，将推动产业融合发展和转型升级。</p>
        <img :src="informationDevelopImg" alt="政府行业的发展现状" />
      </div>
    </div>

    <!-- 我们的系统为您改变了什么 -->
    <div class="information-change-box">
      <h4 class="client-title">我们的系统为您改变了什么</h4>
      <div class="client-container">
        <div class="change-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`),
        }
      },
    };
</script>

<style scoped>

</style>