From 6b4750536add2b8df39a1d88e30b479b079c2c5b Mon Sep 17 00:00:00 2001
From: yj <1336058017@qq.com>
Date: Mon, 12 Aug 2024 16:23:17 +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/components/StupWizard/index.tsx | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/components/StupWizard/index.tsx b/src/components/StupWizard/index.tsx
index 13a4051..da5ad89 100644
--- a/src/components/StupWizard/index.tsx
+++ b/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>