update

pages/product/caiWuGuanLi.vue

@@ -19,14 +19,12 @@
       <gangwei-list label="岗位职责" :list="gangwei" :pc-num="3" :h5-num="2" :pc-margin="320" :h5-margin="0"></gangwei-list>
 
     <!--  部分课程列表  -->
-    <div class="platform-course-list">
+    <div class="platform-course-list client-container">
       <h4>部分课程列表</h4>
       <mtaTable :data="tableData" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
-      <div class="btns-group">
-        <a class="client-default-Btn">
-          <freeTrialBtn myType="kaoshi"/>
-        </a>
-        <onlineInformationBtn class="client-default-Btn"/>
+      <div class="btn-groups">
+        <freeTrialBtn myType="kaoshi"/>
+        <onlineInformationBtn />
       </div>
     </div>
 

pages/product/xingZhengGuanLi.vue

@@ -5,14 +5,13 @@
       <div
         :style="{backgroundImage: `url(${bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.png`)})`}"
         class="client-platform-banner"></div>
-      <h3>行政管理</h3>
-      <p>基于胜任力素质模型，打造高效的企业行政部门</p>
-      <span>行政部</span>
     </div>
 
     <!--  部门描述  -->
-    <div class="client-description-box">
-      行政部门主要负责企业的行政管理工作，配合业务部门进行文案写作、协调组织会议，商务接待、办公品采购等业务。
+    <div class="client-container">
+      <div class="client-description-box">
+        行政部门主要负责企业的行政管理工作，配合业务部门进行文案写作、协调组织会议，商务接待、办公品采购等业务。
+      </div>
     </div>
 
       <!--  岗位职责  -->
@@ -20,14 +19,12 @@
 
 
     <!--  部分课程列表  -->
-    <div class="platform-course-list">
+    <div class="platform-course-list client-container">
       <h4>部分课程列表</h4>
       <mtaTable :data="tableData" :config="tableConfig" @shi-kan="shiKan"></mtaTable>
-      <div class="btns-group">
-        <a class="client-default-Btn">
-          <freeTrialBtn myType="kaoshi"/>
-        </a>
-        <onlineInformationBtn class="client-default-Btn"/>
+      <div class="btn-groups">
+        <freeTrialBtn class="btn-item" myType="kaoshi"/>
+        <onlineInformationBtn />
       </div>
     </div>
 
@@ -163,6 +160,95 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
+.client-banner-box {
+  width: 100%;
+  height: 736px;
+  .client-platform-banner {
+    height: 100%;
+    width: 100%;
+  }
+}
+
+.btn-groups {
+  margin-top: 100px;
+  text-align: center;
+  margin-bottom: 210px;
+
+  .btn-item {
+    margin-right: 20px;
+  }
+}
+
+.platform-course-list {
+  h4 {
+    font-size: 30px;
+    font-weight: 800;
+    color: #333;
+    text-align: center;
+    margin-bottom: 98px;
+  }
+}
+
+.client-description-box {
+  width: 1257px;
+  height: 279px;
+  margin-top: 160px;
+  text-align: center;
+  padding: 110px;
+  box-sizing: border-box;
+  color: #565656;
+  font-size: 24px;
+  font-weight: 800;
+  line-height: 48px;
+}
+
+@media (max-width: 768px) {
+
+  .btn-groups {
+    margin-top: 10%;
+    margin-bottom: 10%;
+  }
 
+  .client-xuexishouyi-box {
+    .client-title {
+      font-size: 20px;
+      margin-bottom: 10%;
+    }
+
+    .products-services-box {
+      flex-direction: column;
+      img {
+        width: 100%;
+        margin-bottom: 5%;
+      }
+    }
+
+    .my-imgCardLv2 {
+      margin-bottom: 10%;
+    }
+  }
+
+  .platform-course-list {
+    h4 {
+      font-size: 20px;
+      margin-bottom: 10%;
+    }
+  }
+
+
+  .client-description-box {
+    width: 100%;
+    height: 100%;
+    margin-top: 30px;
+    text-align: left;
+    padding: 0px;
+    box-sizing: border-box;
+    color: #565656;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 22px;
+  }
+
+}
 </style>