导出可拖拽功能

This commit is contained in:
X1627315083
2024-02-27 15:15:38 +08:00
parent 0c9885a06c
commit e5489e4dc1
8 changed files with 405 additions and 61 deletions

View File

@@ -13,6 +13,7 @@ body,
}
input {
outline: none;
border: 0.1rem solid #dcdfe6;
}
ul,
li {
@@ -617,6 +618,18 @@ li {
border: solid 2px rgba(0, 0, 0, 0.55);
color: #000000;
}
.modal_title_text {
font-size: var(--aida-fsize2);
font-weight: 900;
color: rgba(0, 0, 0, 0.65);
align-items: center;
margin-bottom: calc(2rem*1.2);
}
.modal_title_text .modal_title_text_intro {
font-size: var(--aida-fsize1-4);
font-weight: 400;
color: rgba(0, 0, 0, 0.45);
}
.collection_modal .ant-modal-body,
.payOrder_modal .ant-modal-body,
.design_detail_modal_component .ant-modal-body,
@@ -625,28 +638,6 @@ li {
.Export .ant-modal-body {
overflow-y: hidden;
}
.collection_modal .design_title_text,
.payOrder_modal .design_title_text,
.design_detail_modal_component .design_title_text,
.designOpenrtion_modal .design_title_text,
.library_page .design_title_text,
.Export .design_title_text {
font-size: var(--aida-fsize2);
font-weight: 900;
color: rgba(0, 0, 0, 0.65);
align-items: center;
margin-bottom: calc(2rem*1.2);
}
.collection_modal .design_title_text .design_title_text_intro,
.payOrder_modal .design_title_text .design_title_text_intro,
.design_detail_modal_component .design_title_text .design_title_text_intro,
.designOpenrtion_modal .design_title_text .design_title_text_intro,
.library_page .design_title_text .design_title_text_intro,
.Export .design_title_text .design_title_text_intro {
font-size: var(--aida-fsize1-4);
font-weight: 400;
color: rgba(0, 0, 0, 0.45);
}
.collection_modal .ant-upload.ant-upload-select-picture-card,
.payOrder_modal .ant-upload.ant-upload-select-picture-card,
.design_detail_modal_component .ant-upload.ant-upload-select-picture-card,
@@ -722,18 +713,21 @@ li {
}
.design_detail_modal_component .ant-upload-list-picture-card-container,
.designOpenrtion_modal .ant-upload-list-picture-card-container,
.UpgradePlan_modal .ant-upload-list-picture-card-container {
.UpgradePlan_modal .ant-upload-list-picture-card-container,
.refund_reason .ant-upload-list-picture-card-container {
display: none !important;
}
.design_detail_modal_component .ant-upload-picture-card-wrapper,
.designOpenrtion_modal .ant-upload-picture-card-wrapper,
.UpgradePlan_modal .ant-upload-picture-card-wrapper {
.UpgradePlan_modal .ant-upload-picture-card-wrapper,
.refund_reason .ant-upload-picture-card-wrapper {
width: auto;
vertical-align: top;
}
.design_detail_modal_component .subitOkPreviewBtn,
.designOpenrtion_modal .subitOkPreviewBtn,
.UpgradePlan_modal .subitOkPreviewBtn {
.UpgradePlan_modal .subitOkPreviewBtn,
.refund_reason .subitOkPreviewBtn {
background-color: #38205b;
color: #fff;
cursor: pointer;

View File

@@ -12,12 +12,16 @@ html,body,#app{
--aida-fsize1-4: calc(1.4rem*1.2);
}
input{
outline:none
outline:none;
outline: none;
border: .1rem solid #dcdfe6;
}
ul,li{
list-style: none;
padding: 0;
}
input:focus{
}
.page_content{
// width: 1440px;
max-width: 100%;
@@ -56,6 +60,8 @@ ul,li{
.ant-slider{
margin: 0;
width: 12rem;
.ant-slider-rail{
height: 0.6rem;
@@ -721,24 +727,25 @@ ul,li{
color: rgba(0, 0, 0, 1);
}
}
.modal_title_text{
font-size: var(--aida-fsize2);
font-weight: 900;
color: rgba(0,0,0,.65);
align-items: center;
margin-bottom: calc(2rem*1.2);
.modal_title_text_intro{
font-size: var(--aida-fsize1-4);
font-weight: 400;
color: rgba(0,0,0,.45);
}
}
//collection 弹窗
.collection_modal,.payOrder_modal,.design_detail_modal_component,.designOpenrtion_modal,.library_page,.Export{
.ant-modal-body{
overflow-y: hidden;
}
.design_title_text{
font-size: var(--aida-fsize2);
font-weight: 900;
color: rgba(0,0,0,.65);
align-items: center;
margin-bottom: calc(2rem*1.2);
.design_title_text_intro{
font-size: var(--aida-fsize1-4);
font-weight: 400;
color: rgba(0,0,0,.45);
}
}
.ant-upload.ant-upload-select-picture-card{
background: #FFFFFF;
width: calc(6rem*1.2);
@@ -791,7 +798,7 @@ ul,li{
}
}
}
.design_detail_modal_component,.designOpenrtion_modal,.UpgradePlan_modal{
.design_detail_modal_component,.designOpenrtion_modal,.UpgradePlan_modal,.refund_reason{
.ant-upload-list-picture-card-container{
display: none !important;
}