Ver código fonte

麦塔网站样式修改

tanxue 3 anos atrás
pai
commit
14b32d93be
2 arquivos alterados com 16 adições e 9 exclusões
  1. 14 7
      assets/scss/cus-client/cus-client-page.scss
  2. 2 2
      pages/news/index.vue

+ 14 - 7
assets/scss/cus-client/cus-client-page.scss

@@ -752,8 +752,13 @@
   .client-aboutUs-page{
 
     // banner
-    .aboutUs-banner{width: 100%;height: 520px;max-width: 1920px;background-image: url("~static/images/client/aboutUs/aboutUs-banner.jpg");
-      background-size: contain;background-position: center;background-repeat: no-repeat;    margin: 0 auto;
+    .aboutUs-banner{
+      width: 100%;
+      height: 520px;
+      background-color: #fff;
+      background-position-x: center;
+      background-repeat: no-repeat;
+      background-image: url("~static/images/client/aboutUs/aboutUs-banner.jpg");
       }
 
     // 公司简介
@@ -876,9 +881,8 @@
     @media (max-width: 768px){
       // banner
       .aboutUs-banner{
-        height: 150px;
+        height: 150px;background-size: cover;
         span{width: 100%;}
-        img{width: auto;height: 150px;}
       }
       // 公司简介
       .company-profile-box{
@@ -937,8 +941,11 @@
   .client-newsInfor-page{
     // banner
     .newsInfor-banner{
-      width: 100%;height: 520px;overflow: hidden;background-color: #fff;
-      img{max-width: 100%;overflow: hidden;margin: 0 auto;display: block}
+      width: 100%;
+      height: 520px;
+      background-color: #fff;
+      background-position-x: center;
+      background-repeat: no-repeat;
     }
 
     // 菜单 ul
@@ -991,7 +998,7 @@
     @media (max-width: 768px){
       // banner
       .newsInfor-banner{
-        height: 150px;
+        height: 150px;background-size: cover;
         img{width: auto;height: 150px;}
       }
 

+ 2 - 2
pages/news/index.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="client-newsInfor-page">
     <!-- 新闻资讯banner栏 -->
-    <div class="newsInfor-banner">
-        <img  @click="clickBanner(bannerList[0].url)" :src="bannerList[0].pic" alt="新闻资讯">
+    <div class="newsInfor-banner" @click="clickBanner(bannerList[0].url)"
+         :style="{backgroundImage: `url(${bannerList[0].pic||require(`~/static/images/client/course/course-banner-background.jpg`)})`}">
     </div>
     <!-- 新闻资讯 -->
     <ul class="platform-menu-ul">