优化

src/components/StupWizard/index.tsx

@@ -1,9 +1,9 @@
 import styles from '@/components/StupWizard/index.module.scss'
 import ImageUrl from '@/utils/package/ImageUrl';
-import { Button, Checkbox, Empty, Input, Modal, Select, Slider, message } from 'antd';
+import { Button, Checkbox, Empty, Input, Modal, Popover, Select, Slider, message } from 'antd';
 import { useState, useImperativeHandle, forwardRef, useEffect } from "react";
 import agora from '@/utils/package/agora'
-import { CloseOutlined, LoadingOutlined } from '@ant-design/icons';
+import { CloseOutlined, LoadingOutlined, QuestionCircleOutlined } from '@ant-design/icons';
 import { storage } from '@/utils';
 import path from 'path';
 const fs = require('fs').promises;
@@ -156,6 +156,23 @@ const VideoComponents = () => {
           }
           <div>
             <span>摄像头：</span>
+            <Popover
+              content={
+                <span
+                  style={{
+                    color: 'white'
+                  }}>
+                  解释说明：如未检测到摄像头请插拔后重试
+                </span>
+              }
+              title=""
+            >
+              <QuestionCircleOutlined style={{
+                color: 'white',
+                cursor: 'pointer',
+                marginRight: '10px'
+              }} />
+            </Popover>
             <Select
               placeholder={videoDeviceManager.list.length ? '请选择设备' : '未检测到摄像头'}
               options={videoDeviceManager.list} style={{ flexGrow: 1, marginRight: '10px' }}
@@ -169,7 +186,7 @@ const VideoComponents = () => {
                 })
                 agora.setVideoDeviceManager(e)
               }} />
-            <span>解释说明：如未检测到摄像头请插拔后重试</span>
+
           </div>
         </div>
       </div>