Browse Source

banner样式修改

tanxue 2 years ago
parent
commit
dda76dea02

+ 12 - 0
assets/scss/cus-client/cus-client-common.scss

@@ -927,6 +927,18 @@ client-banner-box.client-banner-index {
   }
 }
 
+.client-new-platform-banner {
+  width: 100%;
+  height: 736px;
+  background-color: #fff;
+  background-position: center;
+  background-repeat: no-repeat;
+  @media (max-width: 768px) {
+    height: 160px;
+    background-size: cover;
+  }
+  }
+
 /***************************** 解决方案 子页面 三个 video *************/
 .client-anli-box {
   height: 600px;

+ 1 - 3
pages/product/courseCustom.vue

@@ -1,11 +1,9 @@
 <template>
   <div class="client-platform-page client-exam-page">
     <!--  广告图位置  -->
-    <div class="client-banner-box">
       <div
         :style="{backgroundImage: `url(${bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.png`)})`}"
-        class="client-platform-banner"></div>
-    </div>
+        class="client-new-platform-banner"></div>
 
     <!--  专业团队满足客户需求  -->
     <div class="platform-products-experience client-container">

+ 1 - 3
pages/product/courseResource.vue

@@ -1,12 +1,10 @@
 <template>
   <div class="client-exam-page client-platform-page">
     <!--  广告位置  -->
-    <div class="client-banner-box">
       <div
         :style="{backgroundImage: `url(${ bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.png`)})`}"
-        class="client-platform-banner">
+        class="client-new-platform-banner">
       </div>
-    </div>
 
     <!--  企业通用岗位培训方案  -->
     <div class="platform-animation-gangwei client-container">

+ 1 - 3
pages/product/exam.vue

@@ -1,12 +1,10 @@
 <template>
   <div class="client-exam-page client-platform-page">
     <!-- 广告图位置 -->
-    <div class="client-banner-box">
       <div
         :style="{backgroundImage: `url(${bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.png`)})`}"
-        class="client-platform-banner">
+        class="client-new-platform-banner">
       </div>
-    </div>
 
     <!--  产品体验  -->
     <div class="platform-products-experience client-container" v-if="false">

+ 1 - 3
pages/product/peixun.vue

@@ -1,12 +1,10 @@
 <template>
   <div class="client-platform-page client-train-page">
     <!--  培训平台页 banner栏  -->
-    <div class="client-banner-box">
       <div
         :style="{backgroundImage: `url(${bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.png`)})`}"
-        class="client-platform-banner">
+        class="client-new-platform-banner">
       </div>
-    </div>
 
     <!--  产品体验  -->
     <div class="platform-products-experience client-container" v-if="false">