底部三大模块

pages/index/index.vue

@@ -36,7 +36,7 @@
         </div>
         <ul>
           <li v-for="(item,index) in dynamic1" :key="index" v-show="index<5" class="flex-between list-con" >
-            <div @click="linkTo2(item.id)">{{item.title}}</div>
+            <div @click="linkTo2(item.id)" class="newsSty">{{item.title}}</div>
             <div class="time">{{item.createTime.slice(0,10)}}</div>
           </li>
         </ul>
@@ -48,7 +48,7 @@
         </div>
         <ul>
           <li v-for="(item,index) in dynamic2" :key="index" v-show="index<5" class="flex-between list-con" >
-            <div @click="linkTo1(item.id)">{{item.title}}</div>
+            <div @click="linkTo1(item.id)" class="newsSty">{{item.title}}</div>
             <div class="time">{{item.createTime.slice(0,10)}}</div>
           </li>
         </ul>
@@ -60,7 +60,7 @@
         </div>
         <ul>
           <li v-for="(item,index) in dynamic3" :key="index" v-show="index<5" class="flex-between list-con" >
-            <div @click="linkTo(item.id)">{{item.title}}</div>
+            <div @click="linkTo(item.id)" class="newsSty">{{item.title}}</div>
             <div class="time">{{item.createTime.slice(0,10)}}</div>
           </li>
         </ul>
@@ -412,4 +412,10 @@ import Cookies from "js-cookie"
   .list-con,.t3{
     cursor: pointer;
   }
+  .newsSty{
+    overflow: hidden;
+    text-overflow:ellipsis;
+    white-space: nowrap;
+    width:200px
+  }
 </style>