样式处理

src/views/Home/comps/notice.vue

 <template>
-  <div class="notice mask" v-if="show">
+  <div class="notice mask" v-if="false">
     <div class="notice-kj">
       <img
         src="../../../assets/image/home/notice-close.png"

src/views/News/PicNews.vue

@@ -26,7 +26,7 @@
               <a :href="tmp.href" @click.prevent="InfoFn(tmp.articleId, tmp.href)" v-html="tmp.title" target="_blank"></a>
             </div>
           </li>
-          <li  style=" height: 0;margin:0" v-for="(i,a) in 4" :key="'a'+a"></li>
+          <li  style=" height: 0;margin:0;border:0;" v-for="(i,a) in 4" :key="'a'+a"></li>
         </ul>
         <pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize"  @getLimit='initListFn' />
       </div>
@@ -82,14 +82,14 @@ export default {
           // }else{
             item.href=`/News/msg?id=${item.articleId}`
           // }
-          
+
         });
       }
-      
+
     },
      // 图片资讯列表TOP4
     async pictureTop4() {
-   
+
       const listRes =
         await this.$api.news.pictureTop4();
       const { returnCode, data } = listRes;
@@ -101,10 +101,10 @@ export default {
           // }else{
             item.href=`/News/msg?id=${item.articleId}`
           // }
-          
+
         });
       }
-      
+
     },
     // 详情
     getInfo(id,directpath){
@@ -115,11 +115,11 @@ export default {
           }
         ];
         this.setMatche(matche);
-        
+
       this.clickDetailSave(id,directpath)
-   
+
     },
-    
+
   // 记录点击
   async clickDetailSave(id,directpath) {
         const query = {
@@ -206,17 +206,19 @@ export default {
     }
   }
   .picNews-ul {
-   
+
     margin-top: 30px;
     justify-content: space-between;
     display: flex;
     flex-wrap: wrap;
     list-style: none;
     li {
+      overflow: hidden;
       width: 216px;
       background: #ffffff;
       border-radius: 4px;
       margin-bottom: 30px;
+      border: 1px solid #dddddd;
       cursor: pointer;
       list-style: none;
       &:hover{
@@ -228,11 +230,16 @@ export default {
       .picNews-li-bt {
         width: 90%;
         margin: 0 auto;
-        text-align: center;
+        //text-align: center;
         color: #414345;
         font-size: 14px;
         padding: 14px 0;
         a{
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+            overflow: hidden;
+            text-overflow: ellipsis;
             color: #414345;
             &:hover{
               text-decoration: none;
@@ -261,4 +268,4 @@ export default {
     align-items: center;
 }
 }
-</style>
\ No newline at end of file
+</style>