aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复部分bug部分页面的调整

Browse Source
This commit is contained in:
X1627315083
2025-06-11 15:08:17 +08:00
parent c266967f16
commit 8b107857ad
20 changed files with 547 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

139
src/assets/style/style.css
View File

@@ -749,13 +749,17 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
.generalModel_state .generalModel_state_item .ant-picker-range,
.generalModel_state .generalModel_state_item .ant-select-selector,
.generalModel_state .generalModel_state_item .range_picker {
height: 2.5rem !important;
height: 5rem !important;
border-radius: 1rem;
padding: calc(2rem - 1px * 2) !important;
padding-right: 3rem !important;
padding-left: 2rem !important;
box-sizing: content-box;
background-color: #f3f3f3;
background-color: #fff;
width: calc(100% - 4rem);
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
border: 1px solid #000;
}
.generalModel_state .generalModel_state_item .ant-picker-input > input {
@@ -766,7 +770,8 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
}
.generalModel_state .generalModel_state_item .ant-select-lg .ant-select-selector .ant-select-selection-item {
height: 100%;
display: inline-block;
display: flex;
align-items: center;
overflow: hidden;
line-height: 2.7rem;
}
@@ -2179,63 +2184,53 @@ textarea:focus {
top: 0rem;
border: 1px solid #dcdfe6;
}
.collection_modal_body .input_border .generage_btn_box,
.design_detail_modal_component .input_border .generage_btn_box,
.library_page .input_border .generage_btn_box,
.productImg_content .input_border .generage_btn_box,
.poseTransfer .input_border .generage_btn_box,
.scaleImage_modal .input_border .generage_btn_box,
.accountEdit_page .input_border .generage_btn_box,
.generalMenu_printModel_upload .input_border .generage_btn_box,
.generate .input_border .generage_btn_box {
.generage_btn_box {
position: relative;
display: flex;
align-items: center;
}
.collection_modal_body .input_border .generage_btn_box .generage_btn,
.design_detail_modal_component .input_border .generage_btn_box .generage_btn,
.library_page .input_border .generage_btn_box .generage_btn,
.productImg_content .input_border .generage_btn_box .generage_btn,
.poseTransfer .input_border .generage_btn_box .generage_btn,
.scaleImage_modal .input_border .generage_btn_box .generage_btn,
.accountEdit_page .input_border .generage_btn_box .generage_btn,
.generalMenu_printModel_upload .input_border .generage_btn_box .generage_btn,
.generate .input_border .generage_btn_box .generage_btn {
.generage_btn_box .fi-bs-magic-wand {
margin-right: 1rem;
display: flex;
cursor: pointer;
transition: all 0.3s;
position: relative;
z-index: 4;
width: 4rem;
align-items: center;
background-color: #fff;
justify-content: center;
}
.generage_btn_box .fi-bs-magic-wand.fi-br-loading {
height: 100%;
background-color: rgba(0, 0, 0, 0);
}
.generage_btn_box .fi-bs-magic-wand.active {
transform: rotate(180deg);
}
.generage_btn_box .fi-bs-magic-wand.forbidden {
cursor: no-drop;
}
.generage_btn_box .generage_btn {
margin-left: 2rem;
display: flex;
font-size: 1.8rem;
padding: 1rem 2rem;
box-sizing: content-box;
justify-content: center;
}
.generage_btn_box .generage_btn {
width: 10rem;
}
.collection_modal_body .input_border .generage_btn_box .icon-xiala,
.design_detail_modal_component .input_border .generage_btn_box .icon-xiala,
.library_page .input_border .generage_btn_box .icon-xiala,
.productImg_content .input_border .generage_btn_box .icon-xiala,
.poseTransfer .input_border .generage_btn_box .icon-xiala,
.scaleImage_modal .input_border .generage_btn_box .icon-xiala,
.accountEdit_page .input_border .generage_btn_box .icon-xiala,
.generalMenu_printModel_upload .input_border .generage_btn_box .icon-xiala,
.generate .input_border .generage_btn_box .icon-xiala {
.generage_btn_box .icon-xiala {
margin-left: 1rem;
transition: all 0.3s;
cursor: pointer;
}
.collection_modal_body .input_border .generage_btn_box .icon-xiala.active,
.design_detail_modal_component .input_border .generage_btn_box .icon-xiala.active,
.library_page .input_border .generage_btn_box .icon-xiala.active,
.productImg_content .input_border .generage_btn_box .icon-xiala.active,
.poseTransfer .input_border .generage_btn_box .icon-xiala.active,
.scaleImage_modal .input_border .generage_btn_box .icon-xiala.active,
.accountEdit_page .input_border .generage_btn_box .icon-xiala.active,
.generalMenu_printModel_upload .input_border .generage_btn_box .icon-xiala.active,
.generate .input_border .generage_btn_box .icon-xiala.active {
.generage_btn_box .icon-xiala.active {
transform: rotate(180deg);
}
.collection_modal_body .input_border .generage_btn_box .content,
.design_detail_modal_component .input_border .generage_btn_box .content,
.library_page .input_border .generage_btn_box .content,
.productImg_content .input_border .generage_btn_box .content,
.poseTransfer .input_border .generage_btn_box .content,
.scaleImage_modal .input_border .generage_btn_box .content,
.accountEdit_page .input_border .generage_btn_box .content,
.generalMenu_printModel_upload .input_border .generage_btn_box .content,
.generate .input_border .generage_btn_box .content {
.generage_btn_box .content {
position: absolute;
top: 100%;
width: calc(100% - 2rem);
@@ -2247,15 +2242,7 @@ textarea:focus {
margin-top: 0.2rem;
margin-left: 2rem;
}
.collection_modal_body .input_border .generage_btn_box .content > div,
.design_detail_modal_component .input_border .generage_btn_box .content > div,
.library_page .input_border .generage_btn_box .content > div,
.productImg_content .input_border .generage_btn_box .content > div,
.poseTransfer .input_border .generage_btn_box .content > div,
.scaleImage_modal .input_border .generage_btn_box .content > div,
.accountEdit_page .input_border .generage_btn_box .content > div,
.generalMenu_printModel_upload .input_border .generage_btn_box .content > div,
.generate .input_border .generage_btn_box .content > div {
.generage_btn_box .content > div {
background: #cccccc;
line-height: 2;
font-size: 1.8rem;
@@ -2264,44 +2251,12 @@ textarea:focus {
overflow: hidden;
text-overflow: ellipsis;
}
.collection_modal_body .input_border .generage_btn_box .content > div.active,
.design_detail_modal_component .input_border .generage_btn_box .content > div.active,
.library_page .input_border .generage_btn_box .content > div.active,
.productImg_content .input_border .generage_btn_box .content > div.active,
.poseTransfer .input_border .generage_btn_box .content > div.active,
.scaleImage_modal .input_border .generage_btn_box .content > div.active,
.accountEdit_page .input_border .generage_btn_box .content > div.active,
.generalMenu_printModel_upload .input_border .generage_btn_box .content > div.active,
.generate .input_border .generage_btn_box .content > div.active {
.generage_btn_box .content > div.active {
background-color: #616161;
}
.collection_modal_body .input_border .generage_btn_box .content > div:hover,
.design_detail_modal_component .input_border .generage_btn_box .content > div:hover,
.library_page .input_border .generage_btn_box .content > div:hover,
.productImg_content .input_border .generage_btn_box .content > div:hover,
.poseTransfer .input_border .generage_btn_box .content > div:hover,
.scaleImage_modal .input_border .generage_btn_box .content > div:hover,
.accountEdit_page .input_border .generage_btn_box .content > div:hover,
.generalMenu_printModel_upload .input_border .generage_btn_box .content > div:hover,
.generate .input_border .generage_btn_box .content > div:hover {
.generage_btn_box .content > div:hover {
background: #999999;
}
.collection_modal_body .input_border .generage_btn,
.design_detail_modal_component .input_border .generage_btn,
.library_page .input_border .generage_btn,
.productImg_content .input_border .generage_btn,
.poseTransfer .input_border .generage_btn,
.scaleImage_modal .input_border .generage_btn,
.accountEdit_page .input_border .generage_btn,
.generalMenu_printModel_upload .input_border .generage_btn,
.generate .input_border .generage_btn {
margin-left: 2rem;
display: flex;
font-size: 1.8rem;
padding: 1rem 2rem;
box-sizing: content-box;
justify-content: center;
}
.hideChecked {
user-select: none;
-moz-user-select: none;

144
src/assets/style/style.less
View File

@@ -824,13 +824,19 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
text-align: left;
}
.ant-picker-range,.ant-select-selector,.range_picker{
height: 2.5rem !important;
height: 5rem !important;
border-radius: 1rem;
padding: calc(2rem - 1px * 2) !important;
// padding: 0 calc(2rem - 1px * 2) !important;
padding-right: 3rem !important;
padding-left: 2rem !important;
box-sizing: content-box;
background-color: #f3f3f3;
background-color: #fff;
width: calc(100% - 4rem);
width: 100%;
box-sizing: border-box;
// width: calc(100% - 3rem);
display: flex;
align-items: center;
border: 1px solid #000;
}
.ant-picker-input > input{
@@ -841,9 +847,8 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
.ant-select-selector{
.ant-select-selection-item{
height: 100%;
// display: flex;
display: inline-block;
// align-items: center;
display: flex;
align-items: center;
//文字超出隐藏
overflow: hidden;
line-height: 2.7rem;
@@ -2111,63 +2116,84 @@ textarea:focus{
// color: red;
// width: 100%;
// }
.generage_btn_box{
position: relative;
display: flex;
align-items: center;
.generage_btn{
width: 10rem;
}
.icon-xiala{
margin-left: 1rem;
transition: all .3s;
cursor: pointer;
&.active{
transform: rotate(180deg);
}
}
.content{
position: absolute;
top: 100%;
width: calc(100% - 2rem);
left: 0rem;
text-align: center;
border-radius: calc(1rem* 1.2);
overflow: hidden;
z-index: 3;
margin-top: .2rem;
margin-left: 2rem;
>div{
background: #cccccc;
line-height: 2;
font-size: 1.8rem;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&.active{
background-color: #616161;
}
}
>div:hover{
background: #999999;
}
}
}
}
.generage_btn_box{
position: relative;
display: flex;
align-items: center;
.fi-bs-magic-wand{
margin-right:1rem;
display: flex;
cursor: pointer;
transition: all .3s;
position: relative;
z-index: 4;
width: 4rem;
align-items: center;
background-color: #fff;
justify-content: center;
&.fi-br-loading{
height: 100%;
background-color: rgba(0, 0, 0, 0);
}
.generage_btn{
// margin: 0 auto;
margin-left: 2rem;
display: flex;
font-size: 1.8rem;
padding: 1rem 2rem;
box-sizing: content-box;
justify-content: center;
&.active{
transform: rotate(180deg);
}
&.forbidden{
cursor: no-drop;
}
}
.generage_btn{
// margin: 0 auto;
margin-left: 2rem;
display: flex;
font-size: 1.8rem;
padding: 1rem 2rem;
box-sizing: content-box;
justify-content: center;
}
.generage_btn{
width: 10rem;
}
.icon-xiala{
margin-left: 1rem;
transition: all .3s;
cursor: pointer;
&.active{
transform: rotate(180deg);
}
}
.content{
position: absolute;
top: 100%;
width: calc(100% - 2rem);
left: 0rem;
text-align: center;
border-radius: calc(1rem* 1.2);
overflow: hidden;
z-index: 3;
margin-top: .2rem;
margin-left: 2rem;
>div{
background: #cccccc;
line-height: 2;
font-size: 1.8rem;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&.active{
background-color: #616161;
}
}
>div:hover{
background: #999999;
}
}
}
.hideChecked{
user-select: none;
-moz-user-select: none;