样式处理

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>
@@ -213,10 +213,12 @@ export default {
     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;