公用组件修改

assets/scss/cus-client/cus-client-common.scss

@@ -823,15 +823,15 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 .course-services-box{
   width: 100%;display: flex;align-items: center;
   // 头部图片
-  img{ width: 721px;height: 508px;float: right;}
+  img{ width: 620px;height: 437px;float: right;}
 
   // 内容区域
   .course-services-content{
-    width: 479px;
+    width: 570px;
     float: right;
     box-sizing: border-box;
-    margin: 0 20px;
     display: block;
+    margin-right: 10px;
     @include setFontStyle(-6);
     h4{@include setFontStyle(28);color: #4069e7;margin-bottom: 24px;}
     h5{@include setFontStyle(10);color: #333;margin-bottom: 36px;}
@@ -865,7 +865,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
       h4{@include setFontStyle(4);display: inline-block;margin-bottom: 16px;margin-right: 6px;}
       h5{@include setFontStyle(-5);font-weight: 700;color: rgba(0, 0, 0, 1);display: inline-block;margin-bottom: 16px;}
       i{width:34px;height:3px;margin: 10px 0;}
-      p{margin-bottom: 0;color: rgba(85, 85, 85, 1);line-height: 24px;font-size: 14px;}
+      p{margin-bottom: 0;color: rgba(85, 85, 85, 1);line-height: 24px;font-size: 12px;}
       .p-before-circle:before{width: 16px;height: 16px;margin-right: 6px;}
       .client-btn-box{text-align: center;margin:40px 0;}
       .client-default-Btn,.client-default-white-Btn{width: 120px;height: 35px;line-height: 35px;}
@@ -874,6 +874,17 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
   }
 }
 
+// 课程开发banner图
+.website-course-banner{
+  width: 100%;
+  height: 520px;
+  background-color:#fff;
+  background-position-x: center;
+  background-repeat: no-repeat;
+  @media (max-width: 768px){
+    height: 260px;background-size: cover;
+  }
+}
 /********************************* 麦塔栅格**********************************/
 /*
 栅格说明：

pages/courseware/compete.vue

@@ -1,12 +1,26 @@
 <!-- 课程开发课程大赛页面-->
 <template>
-    <div>课程大赛</div>
+    <div class="website-course-compete-page">
+      <!-- 课程开发课程大赛 banner栏 pc-->
+      <div  @click="clickBanner(bannerList[0].url)" :style="{backgroundImage: `url(${competeBannerImg})`}" class="website-course-banner mta-hidden-xs"></div>
+      <!-- 课程开发课程大赛 banner栏 移动端-->
+      <div  @click="clickBanner(bannerList[0].url)" :style="{backgroundImage: `url(${competeBannerPhoneImg})`}" class="website-course-banner mta-hidden-sm"></div>
+
+
+    </div>
 </template>
 
 <script>
     export default {
         name: 'compete',
         layout:'templateB',
+      data() {
+        return {
+          // 发展现状img
+          competeBannerImg: require(`~/static/images/client/course/course-compete-banner.png`),
+          competeBannerPhoneImg: require(`~/static/images/client/course/course-compete-sj-banner.jpg`),
+        }
+      }
     };
 </script>
 

pages/courseware/platform.vue

@@ -1,8 +1,11 @@
 <!-- 课程开发平台运营页面-->
 <template>
     <div class="client-course-platform-page">
-      <!-- 课程开发平台运营 banner栏 -->
-      <div  @click="clickBanner(bannerList[0].url)" :style="{backgroundImage: `url(${platformBannerImg})`}" class="client-course-banner"></div>
+      <!-- 课程开发平台运营 banner栏 pc-->
+      <div  @click="clickBanner(bannerList[0].url)" :style="{backgroundImage: `url(${platformBannerImg})`}" class="website-course-banner mta-hidden-xs"></div>
+      <!-- 课程开发平台运营 banner栏 移动端-->
+      <div  @click="clickBanner(bannerList[0].url)" :style="{backgroundImage: `url(${platformBannerPhoneImg})`}" class="website-course-banner mta-hidden-sm"></div>
+
       <!-- 运营方案 -->
       <div class="website-course-services">
         <h4 class="client-title">运营方案</h4>
@@ -83,7 +86,8 @@
       data() {
         return {
           // 发展现状img
-          platformBannerImg: require(`~/static/images/client/course/course-platform-banner-background.png`),
+          platformBannerImg: require(`~/static/images/client/course/course-platform-banner.png`),
+          platformBannerPhoneImg: require(`~/static/images/client/course/course-platform-sj-banner.jpg`),
           platformImg1:  require(`~/static/images/client/course/course-platform-img1.png`),
           platformImg2:  require(`~/static/images/client/course/course-platform-img2.png`),
           platformImg3:  require(`~/static/images/client/course/course-platform-img3.png`),