wangxy 3 年之前
父節點
當前提交
37874dae32
共有 3 個文件被更改,包括 37 次插入9 次删除
  1. 1 1
      assets/scss/cus-client/cus-client-common.scss
  2. 0 1
      components/common/newsComp.vue
  3. 36 7
      components/common/newsComp2.vue

+ 1 - 1
assets/scss/cus-client/cus-client-common.scss

@@ -414,7 +414,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
   h5{@include setFontStyle(-8);color: #B8B8B8;text-align: center;padding: 16px 0 24px;border-top: 1px solid  #333B4C;}
   @media (max-width: 768px) {
     .phone-footer-box {
-      margin-bottom: 40px;
+      margin-bottom: 70px;
       text-align: center;padding: 20px 0;
       a,p{@include setFontStyle(-10);color: #fff;padding: 6px 0}
       a{display: block}

+ 0 - 1
components/common/newsComp.vue

@@ -39,7 +39,6 @@
               <span>{{ item.yyyy }}-{{ item.mmdd }}</span>
               <p>{{ item.intro }}</p>
             </div>
-
           </el-carousel-item>
         </el-carousel>
 

+ 36 - 7
components/common/newsComp2.vue

@@ -145,14 +145,43 @@ export default {
   }
 }
 
-.client-newsInfo-phone {
-  margin-bottom: 5%;
-  h4.client-title-news {
-    font-size: 18px;
-    color: #333;
-    font-weight: 800;
+.client-newsInfo-phone{
+  background-color: rgb(238, 238, 238);
+
+  .client-title-news {
     text-align: center;
-    margin-bottom: 3%;
+    font-weight: 800;
+    font-size: 18px;
   }
+  // 轮播外层
+  .el-carousel{
+    padding: 20px 0 40px;
+    // card
+    .el-carousel__item{
+      width: 80%;left: -15%;color: rgb(16, 16, 16);background: #fff;box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 6px -1px;
+      img{width: 100%;height: 135px;}
+    }
+    // 文字区域
+    .newsInfo-card-content{
+      padding: 24px 20px;
+      h4{
+        font-size: 14px;
+        color: #333;
+        font-weight: 400;
+      }
+      span{margin-top: 16px; font-size: 12px; display: block}
+      p{min-height: 48px;margin-top: 16px; font-size: 12px;
+        -webkit-line-clamp:3;
+        text-overflow: ellipsis;
+        -o-text-overflow: ellipsis;
+        overflow: hidden;
+        word-wrap: break-word;
+        display: -webkit-box;
+        white-space: normal !important;
+        -webkit-box-orient: vertical;
+      }
+    }
+  }
+
 }
 </style>