合并画布,部分样式调整

This commit is contained in:
X1627315083
2025-06-26 15:41:08 +08:00
parent fd05c70937
commit fc6d8d4c8d
75 changed files with 1772 additions and 672 deletions

View File

@@ -75,7 +75,7 @@
<input type="number" readonly v-model="similarity">
</div>
<div v-show="productimgMenu.value == 'Relight'" class="productImg_content_item_title productImg_content_item_title_similarity">
<span>Selection Function</span>
<span>{{$t('ProductImg.SelectionFunction')}}</span>
</div>
<div v-show="productimgMenu.value == 'Relight'" class="productImg_content_item_Direction">
<a-select style="width: 100%;" v-model:value="speedData.value" :options="speedList" :field-names="{ label: 'relightLabel', value: 'value' }"></a-select>
@@ -159,7 +159,7 @@
</div>
</div>
</div>
<div class="productImg_right" :class="{active:button.right}">
<div class="productImg_right" :class="{active:button.right,designPage:isDesignPage}">
<div class="productImg_right_item_box right generalScroll">
<div class="content_header_left">
<i class="fi fi-rs-comments"></i><span class="content_header_des">
@@ -269,23 +269,23 @@ export default defineComponent({
let speed = reactive({
speedList:[
{
title:'Generate with high quality',
label:'High',
relightLabel:'Relight',
value:'',
},{
title:'',
label:'FLUX',
relightLabel:'Edit',
value:'flux',
},{
title:'Generate with high quality',
label:'High',
relightLabel:'Relight',
value:'',
},
],
speedState:false,
speedData:{
title:'Generate with high quality',
relightLabel:'Relight',
label:'High',
value:'',
title:'',
label:'FLUX',
relightLabel:'Edit',
value:'flux',
},
})
//watch立即执行一次
@@ -629,13 +629,14 @@ export default defineComponent({
// productImgData.generateList[props.productimgMenu.value].unshift(element)
data = data.filter((item:any) => item !== element.taskId);
}else if(element.status == 'Fail'){
message.info(t('ProductImg.jsContent3'))
let index = productImgData.generateList.findIndex((obj:any) => obj.taskId === element.taskId);
productImgData.generateList.splice(index,1)
data = data.filter((item:any) => item !== element.taskId);
}
});
generateProceedList = data
if((data.length == 0)|| (rv.filter((item:any)=>item.status == 'Invalid').length ==data.length)){
if((data.length == 0)){
// if(rv.filter((item:any)=>item.status == 'Invalid').length ==dataNum){
// }
store.dispatch('getCredits')
@@ -1210,7 +1211,7 @@ export default defineComponent({
}
> .btnLeft,> .btnRight{
position: absolute;
width: 4rem;
width: 3rem;
height: 7rem;
background: #fff;
border: 2px solid;
@@ -1224,6 +1225,7 @@ export default defineComponent({
justify-content: center;
z-index: 2;
cursor: pointer;
transition: all .3s;
>span{
transition: all .3s;
transform: rotate(90deg);
@@ -1233,8 +1235,12 @@ export default defineComponent({
}
}
> .btnRight{
left: calc(100% + 4rem) ;
left: calc(100% + 3rem);
transform: translate(-100%,-50%) rotate(180deg);
&:hover{
width: 4rem;
left: calc(100% + 4rem);
}
}
.content_header_left {
display: flex;
@@ -1257,4 +1263,7 @@ export default defineComponent({
}
}
.designPage{
padding-left: 4rem;
}
</style>