开发: 修改文字超出, 多个已删除节点

src/pages/ChatLogs/index.module.scss

@@ -42,6 +42,7 @@
 .chatAMsg {
   display: flex;
   flex: 1;
+  flex-shrink: 0;
   align-items: flex-start;
   min-width: 0;
   padding-left: 12px;
@@ -49,6 +50,7 @@
   .chatAName {
     flex: 1;
     flex-shrink: 0;
+    width: 100%;
     min-width: 0;
     overflow: hidden;
     font-size: 16px;

src/pages/ChatLogs/index.tsx

@@ -420,30 +420,6 @@ const ChatLogs: React.FC = () => {
               暂无外部联系人
             </div>
           )}
-          <div
-            className={`${styles.delFollowList} ${
-              delFollowListShow ? styles.delFollowListShow : ''
-            }`}
-          >
-            <div
-              className={styles.delFollowListBar}
-              onClick={() => {
-                setDelFollowListShow(!delFollowListShow);
-              }}
-            >
-              <span>已删联系人</span>
-              {delFollowListShow ? <UpOutlined /> : <DownOutlined />}
-            </div>
-            <div
-              className={`${styles.delFollowListBox} ${
-                delFollowListShow ? styles.delFollowListBoxShow : ''
-              }`}
-            >
-              {custFollowsList.map((item) => {
-                return item.state == 1 ? null : custFollowsListItem(item);
-              })}
-            </div>
-          </div>
         </>
       );
     } else {
@@ -458,30 +434,6 @@ const ChatLogs: React.FC = () => {
               暂无客户群聊
             </div>
           )}
-          <div
-            className={`${styles.delFollowList} ${
-              delGroupListShow ? styles.delFollowListShow : ''
-            }`}
-          >
-            <div
-              className={styles.delFollowListBar}
-              onClick={() => {
-                setDelGroupListShow(!delGroupListShow);
-              }}
-            >
-              <span>已解散的群</span>
-              {delGroupListShow ? <UpOutlined /> : <DownOutlined />}
-            </div>
-            <div
-              className={`${styles.delFollowListBox} ${
-                delGroupListShow ? styles.delFollowListBoxShow : ''
-              }`}
-            >
-              {groupList.map((item) => {
-                return item.state == 1 ? null : groupListItem(item);
-              })}
-            </div>
-          </div>
         </>
       );
     }