样式修改

src/page/Home/Index/index.tsx

@@ -132,9 +132,6 @@ const Index: React.FC = () => {
                       <Button type="primary"
                         iconPosition={'end'}
                         onClick={() => {
-                          // window.electron.oepnWindow({
-                          //   url: location.origin + '/#/userVideo'
-                          // })
                           joinSettingRef.current.changeModal(item.roomNum)
                         }}
                         icon={<img src={ImageUrl.icon9} alt="" />}

src/page/Meeting/index.module.scss

@@ -593,7 +593,7 @@
       align-items: center;
       justify-content: space-between;
       background-color: #07090B;
-      padding: 10px 50px;
+      padding: 4px 50px;
       box-sizing: border-box;
 
       >div {
@@ -601,6 +601,8 @@
         align-items: center;
 
         >div {
+          padding: 6px 0;
+          border-radius: 6px;
           display: flex;
           flex-direction: column;
           align-items: center;
@@ -635,17 +637,14 @@
           }
 
           &:hover {
-            >span {
+            background-color: #161A29;
-              color: #4096ff;
-            }
           }
 
           &:active {
-            >span {
+            background-color: darken(#161A29, 10%) !important;
-              color: darken(#4096ff, 10%) !important;
-            }
           }
         }
+
       }
     }
 

src/page/Meeting/index.tsx

@@ -52,6 +52,12 @@ const Meeting: React.FC = () => {
         iconActive: ImageUrl.icon23Active,
         active: false,
       },
+      {
+        title: '申请发言',
+        icon: ImageUrl.icon47,
+        iconActive: ImageUrl.icon47Active,
+        active: false,
+      },
     ],
     [
       {
@@ -69,6 +75,11 @@ const Meeting: React.FC = () => {
         icon: ImageUrl.icon26,
         active: false,
       },
+      {
+        title: '会议监控',
+        icon: ImageUrl.icon48,
+        active: false,
+      },
       {
         title: '录制',
         icon: ImageUrl.icon27,
@@ -745,6 +756,21 @@ const Meeting: React.FC = () => {
       case '共享文件':
         sharedFilesModelRef.current.getData()
         break;
+      case '申请发言':
+        footerListTemplate[itemIndex][rowIndex].title = '结束发言'
+        footerListTemplate[itemIndex][rowIndex].active = true
+        setFooterList(footerListTemplate)
+        break;
+      case '结束发言':
+        footerListTemplate[itemIndex][rowIndex].title = '申请发言'
+        footerListTemplate[itemIndex][rowIndex].active = false
+        setFooterList(footerListTemplate)
+        break;
+      case '会议监控':
+        // window.electron.oepnWindow({
+        //   url: location.origin + '/#/userVideo'
+        // })
+        break;
     }
   }
   // 停止录制

src/utils/package/imageUrl.ts

@@ -58,6 +58,9 @@ import icon44 from '@/assets/icon44.png'
 import icon45 from '@/assets/icon45.png'
 import icon45Active from '@/assets/icon45-active.png'
 import icon46 from '@/assets/icon46.png'
+import icon47 from '@/assets/icon47.png'
+import icon47Active from '@/assets/icon47-active.png'
+import icon48 from '@/assets/icon48.png'
 export default {
   error,
   icon,
@@ -119,4 +122,7 @@ export default {
   icon45,
   icon45Active,
   icon46,
+  icon47,
+  icon47Active,
+  icon48,
 }

src/utils/styles/App.scss

@@ -346,4 +346,28 @@ $pagination-hover-background-color: #5575F2;
     border-color: $btn-background-color;
     background-color: $btn-background-color;
   }
+}
+
+// ant-notification
+.ant-notification {
+  .ant-notification-notice-wrapper {
+    background-color: #1F2022;
+
+    .ant-notification-notice-message {
+      color: white;
+    }
+
+    .ant-notification-notice-description {
+      color: white;
+    }
+
+    .ant-notification-notice-close {
+      color: #ccc;
+
+      &:hover {
+        color: white;
+        background-color: #0f0f10;
+      }
+    }
+  }
 }