修改公告标题样式

src/pages/Announcement/Announcement.scss

@@ -26,8 +26,13 @@
         margin-right: 16px;
       }
       .Announcement-item-title {
+        height: 40px;
+        line-height: 40px;
         flex: 1;
         font-size: 32px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
       }
       .Announcement-item-date {
         margin-top: 10px;

src/pages/Home/Home.scss

@@ -175,6 +175,14 @@
       font-size: 32px;
       color: #fff;
       font-weight: bold;
+      .Home-Announcement-Content-title {
+        height: 40px;
+        line-height: 40px;
+        flex: 1;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
       .ContentDate {
         font-size: 24px;
         font-weight: normal;

src/pages/Home/Home.tsx

@@ -261,7 +261,9 @@ class Home extends Component {
                 onClick={() =>
                   this.geAnnDetail(annItem.items[0].id, annItem.items[0].title)
                 }>
-                <Text>{annItem.items[0].title}</Text>
+                <Text className='Home-Announcement-Content-title'>
+                  {annItem.items[0].title}
+                </Text>
                 <Text className='ContentDate'>
                   {annItem.items[0].updateTime}
                 </Text>