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

generate交互更新

Browse Source
This commit is contained in:
X1627315083
2024-05-28 16:00:26 +08:00
parent c4952ff2c5 f98ea23128
commit ff9b2ea1a1
26 changed files with 1536 additions and 412 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -618,6 +618,23 @@ li {
.generalModel .fi-rr-arrow-small-left {
font-size: 2rem;
}
.generalModel .collection_title {
position: absolute;
top: calc(4rem*1.2);
display: flex;
font-size: var(--aida-fsize2);
font-weight: 900;
color: rgba(0, 0, 0, 0.65);
align-items: center;
}
.generalModel .collection_title .collection_title_text {
margin-right: calc(4rem*1.2);
}
.generalModel .collection_title .collection_title_text_intro {
font-size: calc(1.2rem*1.2);
font-weight: 400;
color: rgba(0, 0, 0, 0.45);
}
.generalModel .generalModel_btn .generalModel_closeIcon {
position: absolute;
top: calc(2rem*1.2);
@@ -1292,7 +1309,6 @@ textarea:focus {
display: flex;
align-items: center;
position: sticky;
padding-top: calc(2.5rem*1.2);
padding-bottom: calc(2rem*1.2);
background: #fff;
top: 0;
@@ -1305,6 +1321,8 @@ textarea:focus {
position: relative;
z-index: 2;
flex: 1;
display: flex;
align-items: center;
}
.collection_modal_body .input_border .input_box.active input,
.design_detail_modal_component .input_border .input_box.active input,
@@ -1365,14 +1383,28 @@ textarea:focus {
.library_page .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child {
margin-right: 0;
}
.collection_modal_body .input_border .input_box_btnBox,
.design_detail_modal_component .input_border .input_box_btnBox,
.library_page .input_border .input_box_btnBox {
border: calc(0.1rem*1.2) solid #F1F1F1;
width: var(--width);
display: flex;
float: left;
}
.collection_modal_body .input_border .upload_item .upload_file_item,
.design_detail_modal_component .input_border .upload_item .upload_file_item,
.library_page .input_border .upload_item .upload_file_item {
width: 8rem;
height: 8rem;
}
.collection_modal_body .input_border input,
.design_detail_modal_component .input_border input,
.library_page .input_border input {
width: 100%;
border-radius: calc(0.5rem*1.2);
width: var(--width);
border: 1px solid rgba(0, 0, 0, 0.15);
padding-left: calc(1.5rem*1.2);
border: calc(0.1rem*1.2) solid #F1F1F1;
border: calc(0.1rem*1.2) solid #ffffff00;
font-size: calc(1.6rem*1.2);
font-weight: 400;
}
@@ -1396,24 +1428,56 @@ textarea:focus {
.library_page .input_border input.forbidden {
cursor: no-drop;
}
.collection_modal_body .input_border .icon-xiala,
.design_detail_modal_component .input_border .icon-xiala,
.library_page .input_border .icon-xiala {
margin-left: 1rem;
display: inline-block;
.collection_modal_body .input_border .input_box_btnBox_upImg,
.design_detail_modal_component .input_border .input_box_btnBox_upImg,
.library_page .input_border .input_box_btnBox_upImg {
height: 100%;
}
.collection_modal_body .input_border .fi,
.design_detail_modal_component .input_border .fi,
.library_page .input_border .fi {
margin-right: 1rem;
display: flex;
cursor: pointer;
transition: all 0.3s;
position: relative;
z-index: 4;
width: 4rem;
align-items: center;
justify-content: center;
}
.collection_modal_body .input_border .icon-xiala.active,
.design_detail_modal_component .input_border .icon-xiala.active,
.library_page .input_border .icon-xiala.active {
.collection_modal_body .input_border .fi.active,
.design_detail_modal_component .input_border .fi.active,
.library_page .input_border .fi.active {
transform: rotate(180deg);
}
.collection_modal_body .input_border .icon-xiala.forbidden,
.design_detail_modal_component .input_border .icon-xiala.forbidden,
.library_page .input_border .icon-xiala.forbidden {
.collection_modal_body .input_border .fi.forbidden,
.design_detail_modal_component .input_border .fi.forbidden,
.library_page .input_border .fi.forbidden {
cursor: no-drop;
}
.collection_modal_body .input_border .search_upImg,
.design_detail_modal_component .input_border .search_upImg,
.library_page .input_border .search_upImg {
width: 4rem;
height: 100%;
position: absolute;
opacity: 0;
font-size: 1.2rem;
}
.collection_modal_body .input_border .search_upImg span,
.design_detail_modal_component .input_border .search_upImg span,
.library_page .input_border .search_upImg span {
position: absolute;
width: 100%;
}
.collection_modal_body .input_border .search_upImg .ant-upload-select-picture-card,
.design_detail_modal_component .input_border .search_upImg .ant-upload-select-picture-card,
.library_page .input_border .search_upImg .ant-upload-select-picture-card {
width: 100%;
height: 100%;
display: block !important;
}
.collection_modal_body .input_border .search_textarea,
.design_detail_modal_component .input_border .search_textarea,
.library_page .input_border .search_textarea {
@@ -1428,18 +1492,6 @@ textarea:focus {
top: 0.2rem;
border: 1px solid #dcdfe6;
}
.collection_modal_body .input_border span,
.design_detail_modal_component .input_border span,
.library_page .input_border span {
position: absolute;
bottom: -2rem;
left: 0;
zoom: 0.8;
font-size: 1.2rem;
color: red;
opacity: 0;
width: 100%;
}
.collection_modal_body .input_border .generage_btn,
.design_detail_modal_component .input_border .generage_btn,
.library_page .input_border .generage_btn {
@@ -1515,6 +1567,11 @@ textarea:focus {
width: 100%;
position: relative;
}
.collection_modal_body .upload_item .upload_file_item .upload_file_item_content:hover div,
.design_detail_modal_component .upload_item .upload_file_item .upload_file_item_content:hover div,
.library_page .upload_item .upload_file_item .upload_file_item_content:hover div {
opacity: 1;
}
.collection_modal_body .upload_item .upload_file_item .upload_file_item_content:hover .delete_file_block,
.design_detail_modal_component .upload_item .upload_file_item .upload_file_item_content:hover .delete_file_block,
.library_page .upload_item .upload_file_item .upload_file_item_content:hover .delete_file_block {
@@ -1570,6 +1627,11 @@ textarea:focus {
.library_page .upload_item .upload_file_item .upload_img_icon {
width: calc(4.6rem*1.2);
}
.collection_modal_body .upload_item .upload_file_item:last-child,
.design_detail_modal_component .upload_item .upload_file_item:last-child,
.library_page .upload_item .upload_file_item:last-child {
margin: 0;
}
.generalModel_modal .ant-modal-content {
border-radius: calc(1rem * 1.2);
overflow: hidden;