nuxtProject/pages/medical.vue

<template>
  <!-- 医疗卫生-详情页 -->
  <div class="client-medical-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="medical-change-box">
      <h4 class="client-title">我们的系统为您改变了什么</h4>
      <div class="client-container">
        <div class="industrydetails-content 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>
            </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>出题、组卷、考试、评卷、成绩分析流程化管理</p></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

  </div>
</template>

<script>
    export default {
        name: 'medical',
      layout:     'templateB',
      data() {
        return {
          // 发展现状img
          developImg:   require(`~/static/images/client/industrydetails/medical-develop-img.png`),
        }
      },
    };
</script>

<style scoped>

</style>