模式显示

src/page/Meeting/index.module.scss

@@ -106,14 +106,25 @@
       .meetingGrayButton {
         cursor: pointer;
         background-color: #31353A;
-        color: #EEEEEE;
         width: 140px;
         height: 36px;
         line-height: 36px;
         text-align: center;
         border-radius: 5px;
         margin-right: 20px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        >span {
           font-size: 16px;
+          color: #EEEEEE;
+        }
+
+        >img {
+          width: 16px;
+          margin-right: 10px;
+        }
 
         &:hover {
           background-color: lighten(#31353A, 4%);

src/page/Meeting/index.tsx

@@ -762,9 +762,11 @@ const Meeting: React.FC = () => {
               open={modeOpen}
               onOpenChange={() => setModeOpen(true)}
             >
-              <div className={styles.meetingGrayButton}>{getMeetingContentBodyLeftModeText()}</div>
+              <div className={styles.meetingGrayButton}>
+                {meetingMode === 'StandardMode' ? <img src={ImageUrl.icon43} alt="" /> : <img src={ImageUrl.icon44} alt="" />}
+                <span>{getMeetingContentBodyLeftModeText()}</span>
+              </div>
             </Popover>
-            {/* <div className={styles.meetingGrayButton} onClick={changeSpeakerMode}>{getMeetingContentBodyLeftModeText()}</div> */}
             <Operation></Operation>
           </div>
         </div>