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

fix

Browse Source
This commit is contained in:
X1627315083
2025-03-10 16:51:12 +08:00
parent 7165e2455f
commit a83346438e
24 changed files with 7094 additions and 2157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -660,8 +660,10 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
right: 3rem;
width: auto;
height: auto;
top: 60%;
top: 50%;
transform: translateY(-50%);
font-size: 1.2rem;
margin-top: 0;
}
.generalModel_page {
width: 100%;
@@ -1179,27 +1181,6 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
.ant-spin {
color: #000;
}
.pin_block {
text-align: center;
margin-top: 0.5rem;
}
.pin_block .ant-checkbox-wrapper {
height: 2.2rem;
align-items: center;
}
.pin_block .ant-checkbox-wrapper > span {
height: 100%;
}
.pin_block .ant-checkbox-wrapper > span {
font-size: 1.4rem;
line-height: 2.3rem;
}
.pin_block .ant-checkbox-wrapper > span .ant-checkbox-input::after {
height: auto;
}
.pin_block .ant-checkbox-wrapper > span.ant-checkbox-checked::after {
border: 1px solid rgba(0, 0, 0, 0);
}
.ant-checkbox-inner {
width: 1.6rem;
height: 1.6rem;
@@ -1590,10 +1571,10 @@ textarea:focus {
flex-wrap: wrap;
}
.upload_item .upload_file_item {
margin: 0 calc(2rem) calc(2rem) 0;
margin: 1rem;
display: inline-block;
width: calc(10rem);
height: calc(10rem);
width: calc(25% - 2rem);
aspect-ratio: 1 / 1;
border: 1px solid #f5f5f5;
vertical-align: top;
position: relative;
@@ -1697,12 +1678,12 @@ textarea:focus {
.library_page .input_border,
.productImg_modal .input_border,
.accountEdit_page .input_border,
.generalMenu_printModel_upload .input_border {
.generalMenu_printModel_upload .input_border,
.generate .input_border {
z-index: 2;
display: flex;
align-items: center;
padding-bottom: calc(2rem*1.2);
background: #fff;
top: 0;
flex-wrap: wrap;
--width: 65%;
@@ -1712,7 +1693,8 @@ textarea:focus {
.library_page .input_border .input_box,
.productImg_modal .input_border .input_box,
.accountEdit_page .input_border .input_box,
.generalMenu_printModel_upload .input_border .input_box {
.generalMenu_printModel_upload .input_border .input_box,
.generate .input_border .input_box {
position: relative;
z-index: 2;
flex: 1;
@@ -1725,7 +1707,8 @@ textarea:focus {
.library_page .input_border .input_box .inputShowText,
.productImg_modal .input_border .input_box .inputShowText,
.accountEdit_page .input_border .input_box .inputShowText,
.generalMenu_printModel_upload .input_border .input_box .inputShowText {
.generalMenu_printModel_upload .input_border .input_box .inputShowText,
.generate .input_border .input_box .inputShowText {
width: 100%;
display: none;
}
@@ -1735,12 +1718,14 @@ textarea:focus {
.productImg_modal .input_border .input_box.active .input_box_btnBox,
.accountEdit_page .input_border .input_box.active .input_box_btnBox,
.generalMenu_printModel_upload .input_border .input_box.active .input_box_btnBox,
.generate .input_border .input_box.active .input_box_btnBox,
.collection_modal_body .input_border .input_box.active textarea,
.design_detail_modal_component .input_border .input_box.active textarea,
.library_page .input_border .input_box.active textarea,
.productImg_modal .input_border .input_box.active textarea,
.accountEdit_page .input_border .input_box.active textarea,
.generalMenu_printModel_upload .input_border .input_box.active textarea {
.generalMenu_printModel_upload .input_border .input_box.active textarea,
.generate .input_border .input_box.active textarea {
border: 1px solid #ff0001;
box-shadow: 0px 0px 3px 1px rgba(255, 0, 0, 0.2);
}
@@ -1749,7 +1734,8 @@ textarea:focus {
.library_page .input_border .input_box.active span,
.productImg_modal .input_border .input_box.active span,
.accountEdit_page .input_border .input_box.active span,
.generalMenu_printModel_upload .input_border .input_box.active span {
.generalMenu_printModel_upload .input_border .input_box.active span,
.generate .input_border .input_box.active span {
opacity: 1;
display: block;
color: rgba(255, 0, 0.7);
@@ -1759,7 +1745,8 @@ textarea:focus {
.library_page .input_border .search_keyword,
.productImg_modal .input_border .search_keyword,
.accountEdit_page .input_border .search_keyword,
.generalMenu_printModel_upload .input_border .search_keyword {
.generalMenu_printModel_upload .input_border .search_keyword,
.generate .input_border .search_keyword {
height: 0;
flex-basis: 100%;
}
@@ -1768,7 +1755,8 @@ textarea:focus {
.library_page .input_border .search_keyword .search_keyword_center,
.productImg_modal .input_border .search_keyword .search_keyword_center,
.accountEdit_page .input_border .search_keyword .search_keyword_center,
.generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center {
.generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center,
.generate .input_border .search_keyword .search_keyword_center {
margin-top: 1rem;
justify-content: space-between;
display: flex;
@@ -1786,7 +1774,8 @@ textarea:focus {
.library_page .input_border .search_keyword .search_keyword_center .search_keyword_center_left,
.productImg_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_left,
.accountEdit_page .input_border .search_keyword .search_keyword_center .search_keyword_center_left,
.generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center .search_keyword_center_left {
.generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center .search_keyword_center_left,
.generate .input_border .search_keyword .search_keyword_center .search_keyword_center_left {
display: flex;
overflow: hidden;
flex: 1;
@@ -1797,7 +1786,8 @@ textarea:focus {
.library_page .input_border .search_keyword .search_keyword_center .search_keyword_center_item,
.productImg_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_item,
.accountEdit_page .input_border .search_keyword .search_keyword_center .search_keyword_center_item,
.generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center .search_keyword_center_item {
.generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center .search_keyword_center_item,
.generate .input_border .search_keyword .search_keyword_center .search_keyword_center_item {
border-radius: 0.4rem;
background-color: #000000;
margin-right: 1rem;
@@ -1813,7 +1803,8 @@ textarea:focus {
.library_page .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child,
.productImg_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child,
.accountEdit_page .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child,
.generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child {
.generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child,
.generate .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child {
margin-right: 0;
}
.collection_modal_body .input_border .input_box_btnBox,
@@ -1821,7 +1812,8 @@ textarea:focus {
.library_page .input_border .input_box_btnBox,
.productImg_modal .input_border .input_box_btnBox,
.accountEdit_page .input_border .input_box_btnBox,
.generalMenu_printModel_upload .input_border .input_box_btnBox {
.generalMenu_printModel_upload .input_border .input_box_btnBox,
.generate .input_border .input_box_btnBox {
border: 1px solid #000;
border-radius: 4rem;
width: var(--width);
@@ -1830,13 +1822,15 @@ textarea:focus {
align-items: center;
padding: 1.5rem 2rem;
padding-right: 0;
background-color: #fff;
}
.collection_modal_body .input_border .input_box_btnBox.sketch,
.design_detail_modal_component .input_border .input_box_btnBox.sketch,
.library_page .input_border .input_box_btnBox.sketch,
.productImg_modal .input_border .input_box_btnBox.sketch,
.accountEdit_page .input_border .input_box_btnBox.sketch,
.generalMenu_printModel_upload .input_border .input_box_btnBox.sketch {
.generalMenu_printModel_upload .input_border .input_box_btnBox.sketch,
.generate .input_border .input_box_btnBox.sketch {
padding: 0;
}
.collection_modal_body .input_border .input_box_btnBox .ant-spin-text,
@@ -1844,7 +1838,8 @@ textarea:focus {
.library_page .input_border .input_box_btnBox .ant-spin-text,
.productImg_modal .input_border .input_box_btnBox .ant-spin-text,
.accountEdit_page .input_border .input_box_btnBox .ant-spin-text,
.generalMenu_printModel_upload .input_border .input_box_btnBox .ant-spin-text {
.generalMenu_printModel_upload .input_border .input_box_btnBox .ant-spin-text,
.generate .input_border .input_box_btnBox .ant-spin-text {
font-size: 1.2rem;
}
.collection_modal_body .input_border .input_box_btnBox .search_seed,
@@ -1852,7 +1847,8 @@ textarea:focus {
.library_page .input_border .input_box_btnBox .search_seed,
.productImg_modal .input_border .input_box_btnBox .search_seed,
.accountEdit_page .input_border .input_box_btnBox .search_seed,
.generalMenu_printModel_upload .input_border .input_box_btnBox .search_seed {
.generalMenu_printModel_upload .input_border .input_box_btnBox .search_seed,
.generate .input_border .input_box_btnBox .search_seed {
padding: 0;
width: 4rem;
text-align: center;
@@ -1864,7 +1860,8 @@ textarea:focus {
.library_page .input_border .input_box_btnBox .upload_item,
.productImg_modal .input_border .input_box_btnBox .upload_item,
.accountEdit_page .input_border .input_box_btnBox .upload_item,
.generalMenu_printModel_upload .input_border .input_box_btnBox .upload_item {
.generalMenu_printModel_upload .input_border .input_box_btnBox .upload_item,
.generate .input_border .input_box_btnBox .upload_item {
width: 5.7rem;
}
.collection_modal_body .input_border .input_box_btnBox .upload_item .upload_file_item,
@@ -1872,7 +1869,8 @@ textarea:focus {
.library_page .input_border .input_box_btnBox .upload_item .upload_file_item,
.productImg_modal .input_border .input_box_btnBox .upload_item .upload_file_item,
.accountEdit_page .input_border .input_box_btnBox .upload_item .upload_file_item,
.generalMenu_printModel_upload .input_border .input_box_btnBox .upload_item .upload_file_item {
.generalMenu_printModel_upload .input_border .input_box_btnBox .upload_item .upload_file_item,
.generate .input_border .input_box_btnBox .upload_item .upload_file_item {
position: absolute;
left: 0;
top: 50%;
@@ -1887,7 +1885,8 @@ textarea:focus {
.library_page .input_border input,
.productImg_modal .input_border input,
.accountEdit_page .input_border input,
.generalMenu_printModel_upload .input_border input {
.generalMenu_printModel_upload .input_border input,
.generate .input_border input {
width: 100%;
border-radius: calc(0.5rem*1.2);
border: 1px solid rgba(0, 0, 0, 0.15);
@@ -1903,7 +1902,8 @@ textarea:focus {
.library_page .input_border inputinput:-moz-placeholder,
.productImg_modal .input_border inputinput:-moz-placeholder,
.accountEdit_page .input_border inputinput:-moz-placeholder,
.generalMenu_printModel_upload .input_border inputinput:-moz-placeholder {
.generalMenu_printModel_upload .input_border inputinput:-moz-placeholder,
.generate .input_border inputinput:-moz-placeholder {
color: rgba(0, 0, 0, 0.15);
}
.collection_modal_body .input_border inputinput:-ms-input-placeholder,
@@ -1911,7 +1911,8 @@ textarea:focus {
.library_page .input_border inputinput:-ms-input-placeholder,
.productImg_modal .input_border inputinput:-ms-input-placeholder,
.accountEdit_page .input_border inputinput:-ms-input-placeholder,
.generalMenu_printModel_upload .input_border inputinput:-ms-input-placeholder {
.generalMenu_printModel_upload .input_border inputinput:-ms-input-placeholder,
.generate .input_border inputinput:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.15);
}
.collection_modal_body .input_border inputinput::-webkit-input-placeholder,
@@ -1919,7 +1920,8 @@ textarea:focus {
.library_page .input_border inputinput::-webkit-input-placeholder,
.productImg_modal .input_border inputinput::-webkit-input-placeholder,
.accountEdit_page .input_border inputinput::-webkit-input-placeholder,
.generalMenu_printModel_upload .input_border inputinput::-webkit-input-placeholder {
.generalMenu_printModel_upload .input_border inputinput::-webkit-input-placeholder,
.generate .input_border inputinput::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.15);
}
.collection_modal_body .input_border input.forbidden,
@@ -1927,7 +1929,8 @@ textarea:focus {
.library_page .input_border input.forbidden,
.productImg_modal .input_border input.forbidden,
.accountEdit_page .input_border input.forbidden,
.generalMenu_printModel_upload .input_border input.forbidden {
.generalMenu_printModel_upload .input_border input.forbidden,
.generate .input_border input.forbidden {
cursor: no-drop;
}
.collection_modal_body .input_border .input_box_btnBox_upImg,
@@ -1935,7 +1938,8 @@ textarea:focus {
.library_page .input_border .input_box_btnBox_upImg,
.productImg_modal .input_border .input_box_btnBox_upImg,
.accountEdit_page .input_border .input_box_btnBox_upImg,
.generalMenu_printModel_upload .input_border .input_box_btnBox_upImg {
.generalMenu_printModel_upload .input_border .input_box_btnBox_upImg,
.generate .input_border .input_box_btnBox_upImg {
height: 100%;
}
.collection_modal_body .input_border .fi,
@@ -1943,7 +1947,8 @@ textarea:focus {
.library_page .input_border .fi,
.productImg_modal .input_border .fi,
.accountEdit_page .input_border .fi,
.generalMenu_printModel_upload .input_border .fi {
.generalMenu_printModel_upload .input_border .fi,
.generate .input_border .fi {
margin-right: 1rem;
display: flex;
cursor: pointer;
@@ -1960,7 +1965,8 @@ textarea:focus {
.library_page .input_border .fi.fi-br-loading,
.productImg_modal .input_border .fi.fi-br-loading,
.accountEdit_page .input_border .fi.fi-br-loading,
.generalMenu_printModel_upload .input_border .fi.fi-br-loading {
.generalMenu_printModel_upload .input_border .fi.fi-br-loading,
.generate .input_border .fi.fi-br-loading {
height: 100%;
background-color: rgba(0, 0, 0, 0);
}
@@ -1969,7 +1975,8 @@ textarea:focus {
.library_page .input_border .fi.active,
.productImg_modal .input_border .fi.active,
.accountEdit_page .input_border .fi.active,
.generalMenu_printModel_upload .input_border .fi.active {
.generalMenu_printModel_upload .input_border .fi.active,
.generate .input_border .fi.active {
transform: rotate(180deg);
}
.collection_modal_body .input_border .fi.forbidden,
@@ -1977,7 +1984,8 @@ textarea:focus {
.library_page .input_border .fi.forbidden,
.productImg_modal .input_border .fi.forbidden,
.accountEdit_page .input_border .fi.forbidden,
.generalMenu_printModel_upload .input_border .fi.forbidden {
.generalMenu_printModel_upload .input_border .fi.forbidden,
.generate .input_border .fi.forbidden {
cursor: no-drop;
}
.collection_modal_body .input_border .search_upImg,
@@ -1985,7 +1993,8 @@ textarea:focus {
.library_page .input_border .search_upImg,
.productImg_modal .input_border .search_upImg,
.accountEdit_page .input_border .search_upImg,
.generalMenu_printModel_upload .input_border .search_upImg {
.generalMenu_printModel_upload .input_border .search_upImg,
.generate .input_border .search_upImg {
width: 4rem;
height: 100%;
position: absolute;
@@ -1997,7 +2006,8 @@ textarea:focus {
.library_page .input_border .search_upImg span,
.productImg_modal .input_border .search_upImg span,
.accountEdit_page .input_border .search_upImg span,
.generalMenu_printModel_upload .input_border .search_upImg span {
.generalMenu_printModel_upload .input_border .search_upImg span,
.generate .input_border .search_upImg span {
position: absolute;
width: 100%;
}
@@ -2006,7 +2016,8 @@ textarea:focus {
.library_page .input_border .search_upImg .ant-upload-select-picture-card,
.productImg_modal .input_border .search_upImg .ant-upload-select-picture-card,
.accountEdit_page .input_border .search_upImg .ant-upload-select-picture-card,
.generalMenu_printModel_upload .input_border .search_upImg .ant-upload-select-picture-card {
.generalMenu_printModel_upload .input_border .search_upImg .ant-upload-select-picture-card,
.generate .input_border .search_upImg .ant-upload-select-picture-card {
width: 100%;
height: 100%;
display: block !important;
@@ -2016,7 +2027,8 @@ textarea:focus {
.library_page .input_border .search_textarea,
.productImg_modal .input_border .search_textarea,
.accountEdit_page .input_border .search_textarea,
.generalMenu_printModel_upload .input_border .search_textarea {
.generalMenu_printModel_upload .input_border .search_textarea,
.generate .input_border .search_textarea {
z-index: 3;
height: auto;
position: absolute;
@@ -2033,7 +2045,8 @@ textarea:focus {
.library_page .input_border .generage_btn_box,
.productImg_modal .input_border .generage_btn_box,
.accountEdit_page .input_border .generage_btn_box,
.generalMenu_printModel_upload .input_border .generage_btn_box {
.generalMenu_printModel_upload .input_border .generage_btn_box,
.generate .input_border .generage_btn_box {
position: relative;
display: flex;
align-items: center;
@@ -2043,7 +2056,8 @@ textarea:focus {
.library_page .input_border .generage_btn_box .icon-xiala,
.productImg_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 {
.generalMenu_printModel_upload .input_border .generage_btn_box .icon-xiala,
.generate .input_border .generage_btn_box .icon-xiala {
margin-left: 1rem;
transition: all 0.3s;
cursor: pointer;
@@ -2053,7 +2067,8 @@ textarea:focus {
.library_page .input_border .generage_btn_box .icon-xiala.active,
.productImg_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 {
.generalMenu_printModel_upload .input_border .generage_btn_box .icon-xiala.active,
.generate .input_border .generage_btn_box .icon-xiala.active {
transform: rotate(180deg);
}
.collection_modal_body .input_border .generage_btn_box .content,
@@ -2061,7 +2076,8 @@ textarea:focus {
.library_page .input_border .generage_btn_box .content,
.productImg_modal .input_border .generage_btn_box .content,
.accountEdit_page .input_border .generage_btn_box .content,
.generalMenu_printModel_upload .input_border .generage_btn_box .content {
.generalMenu_printModel_upload .input_border .generage_btn_box .content,
.generate .input_border .generage_btn_box .content {
position: absolute;
top: 100%;
width: calc(100% - 2rem);
@@ -2077,7 +2093,8 @@ textarea:focus {
.library_page .input_border .generage_btn_box .content > div,
.productImg_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 {
.generalMenu_printModel_upload .input_border .generage_btn_box .content > div,
.generate .input_border .generage_btn_box .content > div {
background: #cccccc;
line-height: 2;
font-size: 1.8rem;
@@ -2091,7 +2108,8 @@ textarea:focus {
.library_page .input_border .generage_btn_box .content > div:hover,
.productImg_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 {
.generalMenu_printModel_upload .input_border .generage_btn_box .content > div:hover,
.generate .input_border .generage_btn_box .content > div:hover {
background: #999999;
}
.collection_modal_body .input_border .generage_btn,
@@ -2099,7 +2117,8 @@ textarea:focus {
.library_page .input_border .generage_btn,
.productImg_modal .input_border .generage_btn,
.accountEdit_page .input_border .generage_btn,
.generalMenu_printModel_upload .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;

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

@@ -726,9 +726,11 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
// height: 1.2rem;
width: auto;
height: auto;
top: 60%;
top: 50%;
transform: translateY(-50%);
// margin-top: -.6rem;
font-size: 1.2rem;
margin-top: 0;
// top: 50%;
// transform: translateY(-45%);
}
@@ -1295,28 +1297,6 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
.ant-spin{
color: #000;
}
.pin_block{
text-align: center;
margin-top:.5rem;
.ant-checkbox-wrapper{
height: 2.2rem;
align-items: center;
>span{
height: 100%;
}
>span{
font-size: 1.4rem;
line-height: 2.3rem;
.ant-checkbox-input::after{
height: auto;
}
&.ant-checkbox-checked::after{
border: 1px solid rgba(0,0,0,0);
}
}
}
}
.ant-checkbox-inner{
width: 1.6rem;
height: 1.6rem;
@@ -1725,12 +1705,15 @@ textarea:focus{
display: flex;
flex-wrap: wrap;
.upload_file_item {
margin: 0 calc(2rem) calc(2rem) 0;
// margin: 0 calc(2rem) calc(2rem) 0;
margin: 1rem;
display: inline-block;
// width: calc(16.5rem);
// height: calc(16.5rem);
width: calc(10rem);
height: calc(10rem);
// width: calc(10rem);
// height: calc(10rem);
width: calc(25% - 2rem);
aspect-ratio: 1 / 1;
border: 1px solid #f5f5f5;
vertical-align: top;
position: relative;
@@ -1840,13 +1823,12 @@ textarea:focus{
}
//设计input和上传按钮样式
.collection_modal_body,.design_detail_modal_component,.library_page,.productImg_modal,.accountEdit_page,.generalMenu_printModel_upload{
.collection_modal_body,.design_detail_modal_component,.library_page,.productImg_modal,.accountEdit_page,.generalMenu_printModel_upload,.generate{
.input_border{
z-index: 2;
display: flex;
align-items: center;
padding-bottom: calc(2rem*1.2);
background: #fff;
top: 0;
flex-wrap: wrap;
--width:65%;
@@ -1925,6 +1907,7 @@ textarea:focus{
align-items: center;
padding: 1.5rem 2rem;
padding-right: 0;
background-color: #fff;
// border
&.sketch{
padding: 0;