优化

src/page/Meeting/index.module.scss

@@ -211,8 +211,6 @@
 
         .scrollButton {
           position: absolute;
-          top: 80px;
-          right: 20px;
           padding: 4px 10px;
           transform: translate(0, -50%);
           cursor: pointer;

src/page/Meeting/index.tsx

@@ -1300,12 +1300,23 @@ const Meeting: React.FC = () => {
   }
   // 滚动按钮
   const getScrollButton = (): any => {
-    return <div className={`${styles.scrollButton} drag`} title='滚动' onClick={() => {
-      const element = document.getElementById('videoView') as HTMLElement;
-      element.scrollLeft += 100; // 每次点击向右滚动100像素
-    }}>
-      滚动
-    </div>
+    switch (meetingMode) {
+      case 'StandardMode':
+        return <div className={`${styles.scrollButton} drag`} style={{ top: '80px', right: '20px' }} title='滚动' onClick={() => {
+          const element = document.getElementById('videoView') as HTMLElement;
+          element.scrollLeft += 100; // 每次点击向右滚动100像素
+        }}>
+          滚动
+        </div>
+      case 'SpeakerMode':
+        return <div className={`${styles.scrollButton} drag`} style={{ bottom: '10px', left: '144px' }} title='滚动' onClick={() => {
+          const element = document.getElementById('videoView') as HTMLElement;
+          element.scrollTop += 100; // 每次点击向下滚动100像素
+        }}>
+          滚动
+        </div>
+    }
+
   }
   // 加入房间
   const getJoin = async (enableMicr: boolean, enableCamera: boolean): Promise<void> => {
@@ -1501,6 +1512,51 @@ const Meeting: React.FC = () => {
                   </div> : null)
                 }
                 )}
+                <div className={`${styles.meetingContentSwiperCard}`}>
+                  <div className={`${styles.meetingContentSwiperCardVdeio}`}>
+
+                  </div>
+                </div>
+                <div className={`${styles.meetingContentSwiperCard}`}>
+                  <div className={`${styles.meetingContentSwiperCardVdeio}`}>
+
+                  </div>
+                </div>
+                <div className={`${styles.meetingContentSwiperCard}`}>
+                  <div className={`${styles.meetingContentSwiperCardVdeio}`}>
+
+                  </div>
+                </div>
+                <div className={`${styles.meetingContentSwiperCard}`}>
+                  <div className={`${styles.meetingContentSwiperCardVdeio}`}>
+
+                  </div>
+                </div>
+                <div className={`${styles.meetingContentSwiperCard}`}>
+                  <div className={`${styles.meetingContentSwiperCardVdeio}`}>
+
+                  </div>
+                </div>
+                <div className={`${styles.meetingContentSwiperCard}`}>
+                  <div className={`${styles.meetingContentSwiperCardVdeio}`}>
+
+                  </div>
+                </div>
+                <div className={`${styles.meetingContentSwiperCard}`}>
+                  <div className={`${styles.meetingContentSwiperCardVdeio}`}>
+
+                  </div>
+                </div>
+                <div className={`${styles.meetingContentSwiperCard}`}>
+                  <div className={`${styles.meetingContentSwiperCardVdeio}`}>
+
+                  </div>
+                </div>
+                <div className={`${styles.meetingContentSwiperCard}`}>
+                  <div className={`${styles.meetingContentSwiperCardVdeio}`}>
+
+                  </div>
+                </div>
                 {currentLookUserStatus === 0 && currentLookUserAccount ?
                   <div className={`${styles.meetingContentSwiperCard} ${setMeetingContentSwiperCardClass()} ${setMeetingContentSwiperCardFullScreenClass()}`}>
                     <div className={`${styles.meetingContentSwiperCardVdeio}`} id='video-source-camera-primary'>