marking
/
WGShare.Client.Electron
18
0
Fork 0
Code Pull Requests 1 Actions Releases 4 Activity

样式优化

This commit is contained in:
yj 2024-10-25 14:24:57 +08:00
parent 42059e3c6f
commit 2fc1301cb9
2 changed files with 24 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/StupWizard/index.module.scss
View File

@ -100,7 +100,9 @@
} }
} }
>div:nth-child(3) { >div:nth-child(3) {}
.beautyEffect {
>span { >span {
color: white; color: white;
} }
@ -144,7 +146,7 @@
} }
} }
>div:nth-child(4) { .otherVideoSeeting {
>div { >div {
margin-bottom: 20px; margin-bottom: 20px;

29
src/components/StupWizard/index.tsx
View File

@ -147,6 +147,7 @@ const VideoComponents = () => {
list: [], list: [],
item: null, item: null,
}); });
const [videoKey, setVideoKey] = useState('beautyEffect');
const [virtualBackgroundImg] = useState([ const [virtualBackgroundImg] = useState([
ImageUrl.virtualBackground1, ImageUrl.virtualBackground1,
ImageUrl.virtualBackground2, ImageUrl.virtualBackground2,
@ -213,7 +214,7 @@ const VideoComponents = () => {
if (setting.virtualBackground) { if (setting.virtualBackground) {
setVirtualBackground(setting.virtualBackground) setVirtualBackground(setting.virtualBackground)
} else { } else {
setting.darkLightEnhancement = { setting.virtualBackground = {
isVirtualBackground: false, //是否打开虚拟背景 isVirtualBackground: false, //是否打开虚拟背景
color: '0xFFFFFF', // 纯色 color: '0xFFFFFF', // 纯色
sourceIndex: '', // 背景图下标 sourceIndex: '', // 背景图下标
@ -338,6 +339,16 @@ const VideoComponents = () => {
</div> </div>
<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> <span>
<Checkbox style={{ marginRight: '10px' }} checked={virtualBackground.isVirtualBackground} onChange={(e) => { <Checkbox style={{ marginRight: '10px' }} checked={virtualBackground.isVirtualBackground} onChange={(e) => {
setting.virtualBackground.isVirtualBackground = e.target.checked; setting.virtualBackground.isVirtualBackground = e.target.checked;
@ -389,9 +400,9 @@ const VideoComponents = () => {
}) })
} }
</div> </div>
</div> </div> : null}
<div> <div className={styles.otherVideoSeeting}>
<div> {videoKey === 'colorEnhancement' ? <div>
<span> <span>
<Checkbox style={{ marginRight: '10px' }} checked={beautyEffect.isBeautyEffect} onChange={(e) => { <Checkbox style={{ marginRight: '10px' }} checked={beautyEffect.isBeautyEffect} onChange={(e) => {
setting.beautyEffect.isBeautyEffect = e.target.checked; setting.beautyEffect.isBeautyEffect = e.target.checked;
@ -479,8 +490,8 @@ const VideoComponents = () => {
</div> </div>
</div> </div>
</div> </div>
</div> </div> : null}
<div> {videoKey === 'darkLightEnhancement' ? <div>
<span> <span>
<Checkbox style={{ marginRight: '10px' }} checked={colorEnhancement.isColorEnhancement} onChange={(e) => { <Checkbox style={{ marginRight: '10px' }} checked={colorEnhancement.isColorEnhancement} onChange={(e) => {
setting.colorEnhancement.isColorEnhancement = e.target.checked; setting.colorEnhancement.isColorEnhancement = e.target.checked;
@ -523,8 +534,8 @@ const VideoComponents = () => {
</div> </div>
</div> </div>
</div> </div>
</div> </div> : null}
<div> {videoKey === 'virtualBackground' ? <div>
<span> <span>
<Checkbox style={{ marginRight: '10px' }} checked={darkLightEnhancement.isDarkLightEnhancement} onChange={(e) => { <Checkbox style={{ marginRight: '10px' }} checked={darkLightEnhancement.isDarkLightEnhancement} onChange={(e) => {
setting.darkLightEnhancement.isDarkLightEnhancement = e.target.checked; setting.darkLightEnhancement.isDarkLightEnhancement = e.target.checked;
@ -571,7 +582,7 @@ const VideoComponents = () => {
</div> </div>
</div> </div>
</div> </div>
</div> </div> : null}
</div> </div>
</div> </div>
</div> </div>