ソースを参照

关于我们页面响应式开发

tanxue 3 年 前
コミット
a8cbfac267
2 ファイル変更58 行追加1 行削除
  1. 57 0
      assets/scss/cus-client/cus-client-page.scss
  2. 1 1
      pages/introduction/index.vue

+ 57 - 0
assets/scss/cus-client/cus-client-page.scss

@@ -865,7 +865,64 @@
       }
       img{float: right}
     }
+    @media (max-width: 768px){
+      // banner
+      .aboutUs-banner{
+        height: 150px;
+        span{width: 100%;}
+        img{width: auto;height: 150px;}
+      }
+      // 公司简介
+      .company-profile-box{
+        img{margin: 20px auto;max-width: 100%;}
+        p{@include setFontStyle(-6);color: rgba(85, 85, 85, 1);line-height: 24px;margin: 0 10px 6px;}
+      }
+
+      // 品牌介绍
+      .brand-introduction-box{
+        background-color: rgb(238, 238, 238);
+        .brand-introduction-content{
+          background-color: transparent;padding: 24px 10px;
+          .brand-introduction-left{
+            display: block;border-right:0;padding-right:0;
+            h4{font-size: 18px;color: rgba(0, 0, 0, 1);text-align: center;margin-bottom: 20px;font-weight: 700;}
+            img{margin: 0 auto 24px;max-width: 230px;display: block;}
+          }
+          span{width: 100%;display: block;padding-left: 0;font-size: 14px;color: rgba(85, 85, 85, 1);line-height: 24px;}
+        }
+      }
 
+      // 企业文化
+      .corporate-culture-box{
+        padding: 50px 0 0;
+        li{
+          width:100%;
+          div{
+            height: 70px;margin: 0 10px 16px;border: 0;box-shadow: rgb(206, 206, 206) 0 0 6px -1px;padding: 14px 0;
+            i{display: unset;float: left;margin-left: 30px;margin-bottom: 0;}
+            h5{font-weight: 700;font-size: 16px;color: #101010;margin: 12px 0;}
+            p{font-size: 14px;color: #101010;}
+          }
+        }
+      }
+
+      // 联系我们
+      .contact-us-box{
+        padding: 54px 10px 0;border: 0;line-height: 1;font-size: 0;
+        .contact-container-box{
+          width: 100%;
+          padding: 0;
+          color: rgba(0,0,0,0.85);
+          float: unset;
+          h4{@include setFontStyle(-2);font-weight: 700;color: rgba(0, 0, 0, 1);margin-bottom: 24px;margin-top:0;text-align: center;}
+          h5{@include setFontStyle(-4);font-weight: 700;color: rgba(0, 0, 0, 1);margin-bottom: 24px;}
+          li{
+            span{color: rgba(0,0,0,0.54);}
+          }
+        }
+        img{float: unset;width: calc(100% + 50px);margin: 0 -25px;}
+      }
+    }
   }
 
   /********  describe: 新闻资讯  author: TX  date:2020-08-10  ********/

+ 1 - 1
pages/introduction/index.vue

@@ -28,7 +28,7 @@
     </div>
 
     <!-- 企业发展历程 -->
-    <div class="enterprise-development-box">
+    <div class="enterprise-development-box mta-hidden-xs">
       <h4 class="client-title mb40">企业发展历程</h4>
       <div class="client-container fn-clear">
         <el-tabs v-model="activeName" class="enterprise-development-tab">