医疗卫生-详情页

assets/scss/cus-client/cus-client-page.scss

@@ -1151,5 +1151,26 @@
       .change-content-right{background-image: url("~static/images/client/industrydetails/restaurant-right-bg.png");}
     }
   }
+
+  /********  describe: 医疗卫生-详情页  author: TX  date:2020-09-03  ********/
+  .client-medical-page{
+    // banner
+    .medical-banner{width: 100%;height: 400px;background-image: url("~static/images/client/industrydetails/medical-banner-img.png");background-position-x: center;}
+
+    // 我们的系统为您改变了什么
+    .medical-change-box{
+      background: #F9FAFF;
+      padding-bottom: 80px;
+      .industrydetails-content{width: 1200px;height: 316px;background-image: url("~static/images/client/industrydetails/medical-change-bg.png");}
+      .change-content-left,.change-content-right{
+        width: 500px;display:inline-block;vertical-align: top;
+        ul{margin-left: 48px;}
+        h5{margin-top: 36px;color: rgba(255,255,255,0.85);}
+        p{color: rgba(255,255,255,0.65);}
+        i{border-color: #fff;}
+      }
+      .change-content-left{margin-right: 180px;}
+    }
+  }
 }
 

pages/Industrydetails/medical.vue

@@ -0,0 +1,63 @@
+<template>
+  <!-- 医疗卫生-详情页 -->
+  <div class="client-medical-page">
+
+    <!-- 医疗卫生banner栏 -->
+    <div class="medical-banner"></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>