From 895ee285d3bd27f700be8b298135537ba3370b77 Mon Sep 17 00:00:00 2001
From: yj <1336058017@qq.com>
Date: Thu, 5 Sep 2024 14:14:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/Meeting/index.module.scss |  2 -
 src/page/Meeting/index.tsx         | 68 +++++++++++++++++++++++++++---
 2 files changed, 62 insertions(+), 8 deletions(-)

diff --git a/src/page/Meeting/index.module.scss b/src/page/Meeting/index.module.scss
index f609f0c..1aca64b 100644
--- a/src/page/Meeting/index.module.scss
+++ b/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;
diff --git a/src/page/Meeting/index.tsx b/src/page/Meeting/index.tsx
index 53e7f46..9037255 100644
--- a/src/page/Meeting/index.tsx
+++ b/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'>