修改公告样式

src/common/less/public.less

@@ -172,4 +172,11 @@ i {
   /* box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.1); */
   border-radius: 10px;
   background   : #ededed;
-  }
+  }
+
+  /* 超出部分省略号 */
+.ellipsis{
+  overflow:hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}

src/components/home/index.vue

@@ -31,7 +31,7 @@
           <el-col :span="24" class="noticestitle">公告</el-col>
           <el-col :span="24" v-for="(item,index) in userInfo.notices" :key="index" class="noticesList pointer">
             <span class="yuan fl"></span>
-            <span class="fl font">{{ item.content }}</span>
+            <span class="fl font ellipsis" :title="item.content">{{ item.content }}</span>
             <span class="fr time">{{ item.createTime }}</span>
           </el-col>
         </el-row>
@@ -200,6 +200,9 @@ export default {
         margin-top: 14px;
         margin-right: 5px;
       }
+      .font{
+        width: 100px;
+      }
       .time {
         font-size: 12px;
       }