From 2fc1301cb987d11b3e99782c9ea5628d782de10c Mon Sep 17 00:00:00 2001
From: yj <1336058017@qq.com>
Date: Fri, 25 Oct 2024 14:24:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=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.module.scss |  6 +++--
 src/components/StupWizard/index.tsx         | 29 ++++++++++++++-------
 2 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/src/components/StupWizard/index.module.scss b/src/components/StupWizard/index.module.scss
index 34f82ff..2bf9ef3 100644
--- a/src/components/StupWizard/index.module.scss
+++ b/src/components/StupWizard/index.module.scss
@@ -100,7 +100,9 @@
     }
   }
 
-  >div:nth-child(3) {
+  >div:nth-child(3) {}
+
+  .beautyEffect {
     >span {
       color: white;
     }
@@ -144,7 +146,7 @@
     }
   }
 
-  >div:nth-child(4) {
+  .otherVideoSeeting {
     >div {
       margin-bottom: 20px;
 
diff --git a/src/components/StupWizard/index.tsx b/src/components/StupWizard/index.tsx
index fbeda6b..9d2ec6f 100644
--- a/src/components/StupWizard/index.tsx
+++ b/src/components/StupWizard/index.tsx
@@ -147,6 +147,7 @@ const VideoComponents = () => {
         list: [],
         item: null,
     });
+    const [videoKey, setVideoKey] = useState('beautyEffect');
     const [virtualBackgroundImg] = useState([
         ImageUrl.virtualBackground1,
         ImageUrl.virtualBackground2,
@@ -213,7 +214,7 @@ const VideoComponents = () => {
         if (setting.virtualBackground) {
             setVirtualBackground(setting.virtualBackground)
         } else {
-            setting.darkLightEnhancement = {
+            setting.virtualBackground = {
                 isVirtualBackground: false, //是否打开虚拟背景
                 color: '0xFFFFFF', // 纯色
                 sourceIndex: '', // 背景图下标
@@ -338,6 +339,16 @@ const VideoComponents = () => {
 
                     </div>
                     <div>
+                        <Radio.Group buttonStyle="solid" value={videoKey} onChange={(e) => {
+                            setVideoKey(e.target.value)
+                        }}>
+                            <Radio.Button value="beautyEffect">虚拟背景</Radio.Button>
+                            <Radio.Button value="colorEnhancement">美颜效果</Radio.Button>
+                            <Radio.Button value="darkLightEnhancement">色彩增强</Radio.Button>
+                            <Radio.Button value="virtualBackground">暗光增强</Radio.Button>
+                        </Radio.Group>
+                    </div>
+                    {videoKey === 'beautyEffect' ? <div className={styles.beautyEffect}>
                         <span>
                             <Checkbox style={{ marginRight: '10px' }} checked={virtualBackground.isVirtualBackground} onChange={(e) => {
                                 setting.virtualBackground.isVirtualBackground = e.target.checked;
@@ -389,9 +400,9 @@ const VideoComponents = () => {
                                 })
                             }
                         </div>
-                    </div>
-                    <div>
-                        <div>
+                    </div> : null}
+                    <div className={styles.otherVideoSeeting}>
+                        {videoKey === 'colorEnhancement' ? <div>
                             <span>
                                 <Checkbox style={{ marginRight: '10px' }} checked={beautyEffect.isBeautyEffect} onChange={(e) => {
                                     setting.beautyEffect.isBeautyEffect = e.target.checked;
@@ -479,8 +490,8 @@ const VideoComponents = () => {
                                     </div>
                                 </div>
                             </div>
-                        </div>
-                        <div>
+                        </div> : null}
+                        {videoKey === 'darkLightEnhancement' ? <div>
                             <span>
                                 <Checkbox style={{ marginRight: '10px' }} checked={colorEnhancement.isColorEnhancement} onChange={(e) => {
                                     setting.colorEnhancement.isColorEnhancement = e.target.checked;
@@ -523,8 +534,8 @@ const VideoComponents = () => {
                                     </div>
                                 </div>
                             </div>
-                        </div>
-                        <div>
+                        </div> : null}
+                        {videoKey === 'virtualBackground' ? <div>
                             <span>
                                 <Checkbox style={{ marginRight: '10px' }} checked={darkLightEnhancement.isDarkLightEnhancement} onChange={(e) => {
                                     setting.darkLightEnhancement.isDarkLightEnhancement = e.target.checked;
@@ -571,7 +582,7 @@ const VideoComponents = () => {
                                     </div>
                                 </div>
                             </div>
-                        </div>
+                        </div> : null}
                     </div>
                 </div>
             </div>