客户案例页面样式修改

assets/scss/cus-client/cus-client-page.scss

@@ -704,8 +704,8 @@
   .client-newsInfor-page{
     // banner
     .newsInfor-banner{
-      width: 100%;height: 510px;background-image: url("~static/images/client/newsInfor/newsInfor-banner-bg.png");overflow: hidden;
-      img{width:100%;overflow: hidden;margin: 0 auto;display: block;height: 510px;}
+      width: 100%;height: 475px;overflow: hidden;
+      img{max-width:100%;overflow: hidden;margin: 0 auto;display: block;height: 475px;}
     }
 
     // 菜单 ul
@@ -730,7 +730,7 @@
       // 右侧内容区域
       .newsInfor-content-ul{
         padding: 0 32px;
-        li{margin-bottom: 40px;cursor: pointer}
+        li{margin-bottom: 40px;cursor: pointer;display: flex;align-items: center;}
         li:last-child{margin-bottom: 0;}
         //图片
         .newsInfor-img-box{width:318px;height:178px;display: inline-block;margin-right: 32px;border-radius: 8px;overflow: hidden;vertical-align: top;background-repeat: no-repeat;background-size: cover;background-position: center;}
@@ -740,14 +740,14 @@
           display: inline-block;
           vertical-align: top;
 
-          h5{@include setFontStyle(-2);color: rgba(0,0,0,0.85);margin-bottom: 8px;}
+          h5{@include setFontStyle(4);color: #333333;margin-bottom: 15px;}
           div{
             margin-bottom: 8px;
             i{width: 20px;height: 20px;display: inline-block;margin-right: 14px;vertical-align: middle;background-image: url("~static/gangweiIcon/z148.png");background-repeat: no-repeat;background-position: center;background-size: contain;}
             i[type="visits"]{background-image: url("~static/gangweiIcon/z147.png");background-repeat: no-repeat;background-position: center;background-size: contain}
             span{@include setFontStyle(-6);display:inline-block;color: #666;margin-right: 60px;vertical-align: middle;}
           }
-          p{height: 72px;@include setFontStyle(-4);color: rgba(0,0,0,0.65);line-height: 24px;margin-bottom: 32px;text-align: justify;@include multi-line-ellipsis(3);overflow: hidden;}
+          p{max-height: 72px;@include setFontStyle(-4);color: rgba(0,0,0,0.65);line-height: 24px;text-align: justify;@include multi-line-ellipsis(3);overflow: hidden;margin-top: 36px;}
           a{@include setFontStyle(-6);color: #4A73FD;}
           a:after{content: "";width: 14px;height: 12px;display:inline-block;background-image: url("~static/images/client/newsInfor/newsInfor-list-icon.svg");margin-left: 8px;}
           a:hover{cursor: pointer;}

pages/news/index.vue

@@ -185,7 +185,7 @@
     content: '';
     position: absolute;
     bottom: -28px;
-    width: 50%;
+    width: 500px;
     height: 1px;
     background-color: #7CC659;
   }
@@ -216,5 +216,9 @@
       margin-right: 0;
     }
   }
+  @media (max-width: 768px) {
+    &:after {width: 50%;}
+
+  }
 }
 </style>