修改样式

src/pages/home/index.vue

@@ -29,9 +29,16 @@
                     <span>
                       {{ item.title }}
                     </span>
-                    <div class="more" v-if="list.length - 1 == index">
-                      <router-link to="/news">更多</router-link>
-                    </div>
+                    <template v-if="list.length >= 4">
+                      <div class="more" v-if="index == 3">
+                        <router-link to="/news">更多</router-link>
+                      </div>
+                    </template>
+                    <template>
+                      <div class="more" v-if="list.length == index">
+                        <router-link to="/news">更多</router-link>
+                      </div>
+                    </template>
                   </li>
                 </router-link>
               </template>
@@ -276,6 +283,10 @@ export default {
           span{
             font-size: 18px;
             color: #666666;
+            width: 510px;
+            overflow:hidden;
+            text-overflow:ellipsis;
+            white-space:nowrap
           }
           .more{
             font-size: 18px;