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;

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

@@ -707,6 +707,23 @@ input:focus{
.fi-rr-down-to-line,.fi-rr-arrow-small-right,.fi-rr-arrow-small-left{
font-size: 2rem;
}
.collection_title{
position: absolute;
top: calc(4rem*1.2);
display: flex;
font-size: var(--aida-fsize2);
font-weight: 900;
color: rgba(0,0,0,.65);
align-items: center;
.collection_title_text{
margin-right: calc(4rem*1.2);
}
.collection_title_text_intro{
font-size: calc(1.2rem*1.2);
font-weight: 400;
color: rgba(0,0,0,.45);
}
}
.generalModel_btn {
.generalModel_closeIcon{
position: absolute;
@@ -1396,7 +1413,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;
@@ -1406,6 +1422,8 @@ textarea:focus{
position: relative;
z-index: 2;
flex: 1;
display: flex;
align-items: center;
&.active{
input{
// color: rgb(255, 0, .7);
@@ -1457,12 +1475,25 @@ textarea:focus{
}
}
}
input{
border-radius: calc(.5rem*1.2);
.input_box_btnBox{
border: calc(0.1rem*1.2) solid #F1F1F1;
width: var(--width);
display: flex;
float: left;
}
.upload_item{
.upload_file_item{
width: 8rem;
height: 8rem;
}
}
input{
width: 100%;
border-radius: calc(.5rem*1.2);
border: 1px solid rgba(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;
// border: calc(0.1rem*1.2) solid #F1F1F1;
font-size: calc(1.6rem*1.2);
font-weight: 400;
&input:-moz-placeholder{
@@ -1480,11 +1511,20 @@ textarea:focus{
cursor: no-drop;
}
}
.icon-xiala{
margin-left:1rem;
display: inline-block;
.input_box_btnBox_upImg{
height: 100%;
}
.fi{
margin-right:1rem;
display: flex;
cursor: pointer;
transition: all .3s;
position: relative;
z-index: 4;
width: 4rem;
align-items: center;
justify-content: center;
&.active{
transform: rotate(180deg);
}
@@ -1492,6 +1532,22 @@ textarea:focus{
cursor: no-drop;
}
}
.search_upImg{
width: 4rem;
height: 100%;
position: absolute;
opacity: 0;
font-size: 1.2rem;
span{
position: absolute;
width: 100%;
}
.ant-upload-select-picture-card{
width: 100%;
height: 100%;
display: block !important;
}
}
.search_textarea{
z-index:3;
height: auto;
@@ -1506,20 +1562,15 @@ textarea:focus{
border: 1px solid #dcdfe6;
}
span{
position: absolute;
// bottom: calc(0rem*1.2);
bottom: -2rem;
left: 0;
zoom: .8;
// font-size: calc(1.2rem*1.2);
font-size: 1.2rem;
color: red;
opacity: 0;
// transform: scale(.7);
// transform-origin: left bottom;
width: 100%;
}
// span{
// // bottom: -2rem;
// left: 0;
// // zoom: .8;
// top: 0;
// font-size: 1.2rem;
// color: red;
// width: 100%;
// }
.generage_btn{
// margin: 0 auto;
margin-left: 2rem;
@@ -1581,7 +1632,9 @@ textarea:focus{
height: 100%;
width: 100%;
position: relative;
&:hover div {
opacity: 1;
}
&:hover .delete_file_block {
display: block;
}
@@ -1593,7 +1646,6 @@ textarea:focus{
max-width: 100%;
object-fit: cover;
}
.delete_file_block {
display: none;
width: 100%;
@@ -1630,6 +1682,9 @@ textarea:focus{
width: calc(4.6rem*1.2);
}
}
.upload_file_item:last-child{
margin: 0;
}
}
}
.generalModel_modal{//公共弹窗