Procházet zdrojové kódy

移动端样式修改

tanxue před 2 roky
rodič
revize
b86a4f4afb
1 změnil soubory, kde provedl 7 přidání a 3 odebrání
  1. 7 3
      assets/scss/cus-client/cus-client-common.scss

+ 7 - 3
assets/scss/cus-client/cus-client-common.scss

@@ -815,6 +815,10 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 // 课程开发图片展示行
 .website-course-services{
   li{margin-bottom: 36px;}
+  @media (max-width: 768px){
+    ul{margin-top: 32px;}
+    li{margin-bottom: 12px;}
+  }
 }
 .course-services-box{
   width: 100%;display: flex;align-items: center;
@@ -851,17 +855,17 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
     span.client-default-Btn{background: #fff;color: #3e7ce7;margin-right: 0;}
   }
   @media (max-width: 768px){
-    display: block;
+    flex-direction: column-reverse;
     // 头部图片
     img{width: 100%;height: auto;float: none;}
     // 内容区域
     .course-services-content{
       width: 100%;float: none;padding: 0 10px;margin: 0;
       @include setFontStyle(-6);
-      h4{@include setFontStyle(4);display: inline-block;margin-bottom: 16px;}
+      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: 30px;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: 14px;}
       .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;}