src/page/Meeting/UserListWindow/index.module.scss

@@ -52,15 +52,9 @@
         align-items: center;
 
         >span {
-          display: flex;
+          font-size: 14px;
-          flex-direction: column;
           color: #F3F3F5;
           margin-left: 4px;
-          font-size: 13px;
-
-          >span {
-            font-size: 12px;
-          }
         }
 
         >div {

src/page/Meeting/UserListWindow/index.tsx

@@ -85,7 +85,7 @@ const UserListWindow: React.FC = () => {
                   <span>
                     {item.userName}{item.uid === user.uid ? '(我)' : ''}
                     {role.ID.includes(item.roleId) || item.isRoomManager ?
-                      <span>
+                      <span style={{ color: '#02B188', marginLeft: '4px' }}>
                         {role.ID.includes(item.roleId) ? '管理员' : '发言人'}
                       </span>
                       : null}

src/page/Meeting/index.module.scss

@@ -500,7 +500,7 @@
         height: 100%;
 
         .meetingUserList {
-          width: 340px;
+          width: 300px;
           height: 100%;
           padding: 10px 0 20px;
           box-sizing: border-box;
@@ -546,18 +546,11 @@
                 align-items: center;
 
                 >span {
+                  font-size: 14px;
                   color: #F3F3F5;
                   margin-left: 4px;
                   display: flex;
-                  flex-direction: column;
+                  align-items: center;
-
-                  >span:nth-child(1) {
-                    font-size: 13px;
-                  }
-
-                  >span:nth-child(2) {
-                    font-size: 12px;
-                  }
                 }
 
                 >div {

src/page/Meeting/index.tsx

@@ -3070,10 +3070,10 @@ const Meeting: React.FC = () => {
                               <div>
                                 <div><Avatar name={item.userName} /></div>
                                 <span>
-                                  <span style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', maxWidth: role.ID.includes(item.roleId) || item.isRoomManager ? '200px' : '200px' }} title={item.userName}>{item.userName}{item.uid === user.uid ? '(我)' : ''}</span>
+                                  <span style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', maxWidth: role.ID.includes(item.roleId) || item.isRoomManager ? '50px' : '80px' }} title={item.userName}>{item.userName}</span>{item.uid === user.uid ? '(我)' : ''}
                                   {role.ID.includes(item.roleId) || item.isRoomManager ?
-                                    <span>
+                                    <span style={{ color: '#02B188', marginLeft: '4px' }}>
-                                      {role.ID.includes(item.roleId) ? '(管理员)' : '(发言人)'}
+                                      {role.ID.includes(item.roleId) ? '管理员' : '发言人'}
                                     </span>
                                     : null}
                                 </span>