优化样式

src/page/Meeting/index.module.scss

@@ -7,21 +7,6 @@
     align-items: center;
     z-index: 2;
 
-    .meetingContentUserRole {
-      background: #FDC229;
-      border-radius: 6px;
-      width: 34px;
-      height: 24px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      margin-right: 6px;
-
-      >img {
-        width: 14px;
-      }
-    }
-
     .meetingContentUserName {
       display: flex;
       align-items: center;
@@ -31,6 +16,20 @@
       padding: 0 4px;
       box-sizing: border-box;
 
+      .meetingContentUserRole {
+        background: #FDC229;
+        border-radius: 6px;
+        padding: 4px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        margin-right: 6px;
+
+        >img {
+          width: 12px;
+        }
+      }
+
       >img {
         width: 18px;
         margin-right: 4px;

src/page/Meeting/index.tsx

@@ -1274,10 +1274,11 @@ const meetingContentUser = (item: any) => {
   return (
     <>
       <div className={styles.meetingContentUser}>
-        {item.roleId === '1' || item.isRoomManager ? <div className={styles.meetingContentUserRole}>
+        <div className={styles.meetingContentUserName}>
+          {item.roleId === '1' || item.isRoomManager ?
+            <div className={styles.meetingContentUserRole}>
               <img src={ImageUrl.icon32} alt="" />
             </div> : null}
-        <div className={styles.meetingContentUserName}>
           {!item.enableMicr ? <img src={item.enableMicr ? ImageUrl.icon22 : ImageUrl.icon22Active} alt="" /> : ''}
           <span>{item.userName}</span>
         </div>