diff --git a/src/page/Meeting/index.module.scss b/src/page/Meeting/index.module.scss index 23077fc..014e633 100644 --- a/src/page/Meeting/index.module.scss +++ b/src/page/Meeting/index.module.scss @@ -228,7 +228,7 @@ position: absolute !important; bottom: 0; left: 0; - height: calc(100% - 300px) !important; + height: calc(100% - 260px) !important; width: 100% !important; } @@ -242,7 +242,7 @@ } .meetingContentSwiperCard { - height: 300px; + height: 260px; width: calc(100% / 4); border-radius: 10px; overflow: hidden; diff --git a/src/page/Meeting/index.tsx b/src/page/Meeting/index.tsx index a32a5c7..6567173 100644 --- a/src/page/Meeting/index.tsx +++ b/src/page/Meeting/index.tsx @@ -12,7 +12,7 @@ import ImageUrl from '@/utils/package/imageUrl' import agora from '@/utils/package/agora' import StupWizard from '@/components/StupWizard'; import SpeakerModeModal from '@/components/SpeakerModeModal'; -import { onInvoke, onSignalr } from '@/utils/package/signalr'; +import { onInvoke, onSignalr, offSignalr } from '@/utils/package/signalr'; import dayjs from 'dayjs'; import durationPlugin from 'dayjs/plugin/duration'; import { VideoSourceType } from 'agora-electron-sdk'; @@ -188,6 +188,9 @@ const Meeting: React.FC = () => { break; } }) + return () => { + offSignalr() + } }, []) useEffect(() => { diff --git a/src/utils/package/signalr.ts b/src/utils/package/signalr.ts index 4409c66..b5af56d 100644 --- a/src/utils/package/signalr.ts +++ b/src/utils/package/signalr.ts @@ -37,6 +37,13 @@ export const onSignalr = (callBack: Function) => { }); } } +export const offSignalr = () => { + if (connection) { + connection.off('ReceiveMessage'); + connection.off('RefreshUserList'); + connection.off('Operation'); + } +} export const onInvoke = async (str: string, data: any) => { switch (str) { case 'joinChannel':