调整管理员页面

This commit is contained in:
X1627315083
2024-08-05 16:15:43 +08:00
parent ce7892e574
commit 12ea743827
22 changed files with 3762 additions and 337 deletions

View File

@@ -424,6 +424,9 @@ li {
box-shadow: 0 0 0 2px rgba(83, 83, 83, 0.3);
border: 1px solid #d9d9d9;
}
.ant-picker-suffix {
display: flex;
}
.ant-picker-range .ant-picker-active-bar {
background: #353535;
}
@@ -1080,17 +1083,32 @@ li {
display: flex;
flex-direction: column;
}
.admin_page .admin_table_search {
margin-top: 2rem;
padding: 2rem 3.5rem 5rem 2.8rem;
background: #fff;
.admin_page .admin_state_item {
margin-right: 2rem;
margin-bottom: 2rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.admin_page .admin_table_search .admin_search {
width: 40%;
.admin_page .admin_state_item > span:nth-child(1) {
font-size: 1.6rem;
font-weight: 400;
color: #030303;
margin-right: 15px;
flex-shrink: 0;
display: block;
width: 100px;
text-align: right;
}
.admin_page .admin_table_search .admin_search .admin_search_item {
.admin_page .admin_state_item > input {
padding: 4px 11px 4px;
line-height: 1.5715;
font-size: 14px;
}
.admin_page .admin_state_item .active {
cursor: no-drop;
background-color: #f5f5f5;
}
.admin_page .admin_search_item {
background: #343579;
border-color: #343579;
height: 4rem;
@@ -1100,27 +1118,48 @@ li {
display: inline-block;
color: #fff;
cursor: pointer;
margin: 0 2rem 2rem 0;
}
.admin_page .admin_search_item:last-child {
margin: 0;
}
.admin_page .admin_table_search {
flex-wrap: wrap;
margin-top: 2rem;
padding: 2rem 3.5rem 5rem 2.8rem;
background: #fff;
display: flex;
justify-content: space-between;
}
.admin_page .admin_table_search .admin_search {
width: 20%;
}
.admin_page .admin_table_search .admin_state_list {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
width: 100%;
margin-top: 2rem;
}
.admin_page .admin_table_search .admin_state_list .admin_state_list_item {
cursor: pointer;
width: auto;
border-radius: 1rem;
padding: 1rem 2rem;
border: 1px solid #b6b6b6;
background: #39215b;
color: #fff;
margin: 0 2rem 2rem 0;
font-size: 1.8rem;
font-weight: 600;
}
.admin_page .admin_table_search .admin_state_list .admin_state_list_item:last-child {
margin: 0;
}
.admin_page .admin_table_search .admin_state {
position: relative;
cursor: pointer;
width: 60%;
}
.admin_page .admin_table_search .admin_state .admin_state_item {
margin-right: 2rem;
margin-bottom: 2rem;
display: flex;
align-items: center;
}
.admin_page .admin_table_search .admin_state .admin_state_item > span {
font-size: 1.6rem;
font-weight: 400;
color: #030303;
margin-right: 15px;
flex-shrink: 0;
display: block;
min-width: 13rem;
text-align: right;
width: 80%;
}
.admin_page .admin_table_search .admin_state .admin_current {
background: #fff;
@@ -1171,13 +1210,12 @@ li {
width: 0 !important;
}
.admin_page .admin_table_content .ant-table-thead > tr > th {
background: #ffffff00;
background: #ffffff;
border-bottom: none;
backdrop-filter: blur(1rem);
}
.admin_page .admin_table_content .ant-table-tbody > tr > td {
border: none;
background: transparent;
background: #fff;
}
.admin_page .admin_table_content .operate_list {
display: flex;
@@ -1193,7 +1231,7 @@ li {
cursor: pointer;
}
.admin_page .admin_table_content .ant-table-tbody > tr:hover > td {
background: #ffffff3a;
background: #cacaca;
}
.admin_page .admin_table_content .ant-table-pagination-right {
padding-right: 3.5rem;
@@ -1449,7 +1487,8 @@ textarea:focus {
.collection_modal_body .input_border,
.design_detail_modal_component .input_border,
.library_page .input_border,
.productImg_modal .input_border {
.productImg_modal .input_border,
.accountEdit_page .input_border {
z-index: 2;
display: flex;
align-items: center;
@@ -1463,7 +1502,8 @@ textarea:focus {
.collection_modal_body .input_border .input_box,
.design_detail_modal_component .input_border .input_box,
.library_page .input_border .input_box,
.productImg_modal .input_border .input_box {
.productImg_modal .input_border .input_box,
.accountEdit_page .input_border .input_box {
position: relative;
z-index: 2;
flex: 1;
@@ -1474,7 +1514,8 @@ textarea:focus {
.collection_modal_body .input_border .input_box .inputShowText,
.design_detail_modal_component .input_border .input_box .inputShowText,
.library_page .input_border .input_box .inputShowText,
.productImg_modal .input_border .input_box .inputShowText {
.productImg_modal .input_border .input_box .inputShowText,
.accountEdit_page .input_border .input_box .inputShowText {
width: 100%;
display: none;
}
@@ -1482,17 +1523,20 @@ textarea:focus {
.design_detail_modal_component .input_border .input_box.active .input_box_btnBox,
.library_page .input_border .input_box.active .input_box_btnBox,
.productImg_modal .input_border .input_box.active .input_box_btnBox,
.accountEdit_page .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 {
.productImg_modal .input_border .input_box.active textarea,
.accountEdit_page .input_border .input_box.active textarea {
border: 1px solid #ff0001;
box-shadow: 0px 0px 3px 1px rgba(255, 0, 0, 0.2);
}
.collection_modal_body .input_border .input_box.active span,
.design_detail_modal_component .input_border .input_box.active span,
.library_page .input_border .input_box.active span,
.productImg_modal .input_border .input_box.active span {
.productImg_modal .input_border .input_box.active span,
.accountEdit_page .input_border .input_box.active span {
opacity: 1;
display: block;
color: rgba(255, 0, 0.7);
@@ -1500,14 +1544,16 @@ textarea:focus {
.collection_modal_body .input_border .search_keyword,
.design_detail_modal_component .input_border .search_keyword,
.library_page .input_border .search_keyword,
.productImg_modal .input_border .search_keyword {
.productImg_modal .input_border .search_keyword,
.accountEdit_page .input_border .search_keyword {
height: 0;
flex-basis: 100%;
}
.collection_modal_body .input_border .search_keyword .search_keyword_center,
.design_detail_modal_component .input_border .search_keyword .search_keyword_center,
.library_page .input_border .search_keyword .search_keyword_center,
.productImg_modal .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 {
justify-content: space-between;
display: flex;
width: var(--width);
@@ -1524,7 +1570,8 @@ textarea:focus {
.collection_modal_body .input_border .search_keyword .search_keyword_center .search_keyword_center_left,
.design_detail_modal_component .input_border .search_keyword .search_keyword_center .search_keyword_center_left,
.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 {
.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 {
display: flex;
overflow: hidden;
flex: 1;
@@ -1533,7 +1580,8 @@ textarea:focus {
.collection_modal_body .input_border .search_keyword .search_keyword_center .search_keyword_center_item,
.design_detail_modal_component .input_border .search_keyword .search_keyword_center .search_keyword_center_item,
.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 {
.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 {
border-radius: 0.4rem;
border: solid 1px #39215b;
background-color: #8156bd;
@@ -1548,13 +1596,15 @@ textarea:focus {
.collection_modal_body .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child,
.design_detail_modal_component .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child,
.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 {
.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 {
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,
.productImg_modal .input_border .input_box_btnBox {
.productImg_modal .input_border .input_box_btnBox,
.accountEdit_page .input_border .input_box_btnBox {
border: calc(0.1rem*1.2) solid #F1F1F1;
width: var(--width);
display: flex;
@@ -1563,13 +1613,15 @@ textarea:focus {
.collection_modal_body .input_border .input_box_btnBox .ant-spin-text,
.design_detail_modal_component .input_border .input_box_btnBox .ant-spin-text,
.library_page .input_border .input_box_btnBox .ant-spin-text,
.productImg_modal .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 {
font-size: 1.2rem;
}
.collection_modal_body .input_border .input_box_btnBox .search_seed,
.design_detail_modal_component .input_border .input_box_btnBox .search_seed,
.library_page .input_border .input_box_btnBox .search_seed,
.productImg_modal .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 {
padding: 0;
width: 4rem;
text-align: center;
@@ -1579,14 +1631,16 @@ textarea:focus {
.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,
.productImg_modal .input_border .upload_item .upload_file_item {
.productImg_modal .input_border .upload_item .upload_file_item,
.accountEdit_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,
.productImg_modal .input_border input {
.productImg_modal .input_border input,
.accountEdit_page .input_border input {
width: 100%;
border-radius: calc(0.5rem*1.2);
border: 1px solid rgba(0, 0, 0, 0.15);
@@ -1598,37 +1652,43 @@ textarea:focus {
.collection_modal_body .input_border inputinput:-moz-placeholder,
.design_detail_modal_component .input_border inputinput:-moz-placeholder,
.library_page .input_border inputinput:-moz-placeholder,
.productImg_modal .input_border inputinput:-moz-placeholder {
.productImg_modal .input_border inputinput:-moz-placeholder,
.accountEdit_page .input_border inputinput:-moz-placeholder {
color: rgba(0, 0, 0, 0.15);
}
.collection_modal_body .input_border inputinput:-ms-input-placeholder,
.design_detail_modal_component .input_border inputinput:-ms-input-placeholder,
.library_page .input_border inputinput:-ms-input-placeholder,
.productImg_modal .input_border inputinput:-ms-input-placeholder {
.productImg_modal .input_border inputinput:-ms-input-placeholder,
.accountEdit_page .input_border inputinput:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.15);
}
.collection_modal_body .input_border inputinput::-webkit-input-placeholder,
.design_detail_modal_component .input_border inputinput::-webkit-input-placeholder,
.library_page .input_border inputinput::-webkit-input-placeholder,
.productImg_modal .input_border inputinput::-webkit-input-placeholder {
.productImg_modal .input_border inputinput::-webkit-input-placeholder,
.accountEdit_page .input_border inputinput::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.15);
}
.collection_modal_body .input_border input.forbidden,
.design_detail_modal_component .input_border input.forbidden,
.library_page .input_border input.forbidden,
.productImg_modal .input_border input.forbidden {
.productImg_modal .input_border input.forbidden,
.accountEdit_page .input_border input.forbidden {
cursor: no-drop;
}
.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,
.productImg_modal .input_border .input_box_btnBox_upImg {
.productImg_modal .input_border .input_box_btnBox_upImg,
.accountEdit_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,
.productImg_modal .input_border .fi {
.productImg_modal .input_border .fi,
.accountEdit_page .input_border .fi {
margin-right: 1rem;
display: flex;
cursor: pointer;
@@ -1643,26 +1703,30 @@ textarea:focus {
.collection_modal_body .input_border .fi.fi-br-loading,
.design_detail_modal_component .input_border .fi.fi-br-loading,
.library_page .input_border .fi.fi-br-loading,
.productImg_modal .input_border .fi.fi-br-loading {
.productImg_modal .input_border .fi.fi-br-loading,
.accountEdit_page .input_border .fi.fi-br-loading {
height: 100%;
background-color: rgba(0, 0, 0, 0);
}
.collection_modal_body .input_border .fi.active,
.design_detail_modal_component .input_border .fi.active,
.library_page .input_border .fi.active,
.productImg_modal .input_border .fi.active {
.productImg_modal .input_border .fi.active,
.accountEdit_page .input_border .fi.active {
transform: rotate(180deg);
}
.collection_modal_body .input_border .fi.forbidden,
.design_detail_modal_component .input_border .fi.forbidden,
.library_page .input_border .fi.forbidden,
.productImg_modal .input_border .fi.forbidden {
.productImg_modal .input_border .fi.forbidden,
.accountEdit_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,
.productImg_modal .input_border .search_upImg {
.productImg_modal .input_border .search_upImg,
.accountEdit_page .input_border .search_upImg {
width: 4rem;
height: 100%;
position: absolute;
@@ -1672,14 +1736,16 @@ textarea:focus {
.collection_modal_body .input_border .search_upImg span,
.design_detail_modal_component .input_border .search_upImg span,
.library_page .input_border .search_upImg span,
.productImg_modal .input_border .search_upImg span {
.productImg_modal .input_border .search_upImg span,
.accountEdit_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,
.productImg_modal .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 {
width: 100%;
height: 100%;
display: block !important;
@@ -1687,7 +1753,8 @@ textarea:focus {
.collection_modal_body .input_border .search_textarea,
.design_detail_modal_component .input_border .search_textarea,
.library_page .input_border .search_textarea,
.productImg_modal .input_border .search_textarea {
.productImg_modal .input_border .search_textarea,
.accountEdit_page .input_border .search_textarea {
z-index: 3;
height: auto;
position: absolute;
@@ -1702,20 +1769,23 @@ textarea:focus {
.collection_modal_body .input_border .generage_btn,
.design_detail_modal_component .input_border .generage_btn,
.library_page .input_border .generage_btn,
.productImg_modal .input_border .generage_btn {
.productImg_modal .input_border .generage_btn,
.accountEdit_page .input_border .generage_btn {
margin-left: 2rem;
}
.collection_modal_body .upload_item,
.design_detail_modal_component .upload_item,
.library_page .upload_item,
.productImg_modal .upload_item {
.productImg_modal .upload_item,
.accountEdit_page .upload_item {
display: flex;
flex-wrap: wrap;
}
.collection_modal_body .upload_item .upload_file_item,
.design_detail_modal_component .upload_item .upload_file_item,
.library_page .upload_item .upload_file_item,
.productImg_modal .upload_item .upload_file_item {
.productImg_modal .upload_item .upload_file_item,
.accountEdit_page .upload_item .upload_file_item {
margin: 0 calc(2rem*1.2) calc(2rem*1.2) 0;
display: inline-block;
width: calc(10rem*1.2);
@@ -1728,7 +1798,8 @@ textarea:focus {
.collection_modal_body .upload_item .upload_file_item.active,
.design_detail_modal_component .upload_item .upload_file_item.active,
.library_page .upload_item .upload_file_item.active,
.productImg_modal .upload_item .upload_file_item.active {
.productImg_modal .upload_item .upload_file_item.active,
.accountEdit_page .upload_item .upload_file_item.active {
opacity: 0.5;
border-radius: calc(1rem*1.2);
transform: scale(0.9);
@@ -1736,19 +1807,22 @@ textarea:focus {
.collection_modal_body .upload_item .upload_file_item.active .delete_file_block,
.design_detail_modal_component .upload_item .upload_file_item.active .delete_file_block,
.library_page .upload_item .upload_file_item.active .delete_file_block,
.productImg_modal .upload_item .upload_file_item.active .delete_file_block {
.productImg_modal .upload_item .upload_file_item.active .delete_file_block,
.accountEdit_page .upload_item .upload_file_item.active .delete_file_block {
pointer-events: none;
}
.collection_modal_body .upload_item .upload_file_item.active .operate_file_block,
.design_detail_modal_component .upload_item .upload_file_item.active .operate_file_block,
.library_page .upload_item .upload_file_item.active .operate_file_block,
.productImg_modal .upload_item .upload_file_item.active .operate_file_block {
.productImg_modal .upload_item .upload_file_item.active .operate_file_block,
.accountEdit_page .upload_item .upload_file_item.active .operate_file_block {
pointer-events: none;
}
.collection_modal_body .upload_item .upload_file_item.upload_component,
.design_detail_modal_component .upload_item .upload_file_item.upload_component,
.library_page .upload_item .upload_file_item.upload_component,
.productImg_modal .upload_item .upload_file_item.upload_component {
.productImg_modal .upload_item .upload_file_item.upload_component,
.accountEdit_page .upload_item .upload_file_item.upload_component {
border: none;
display: flex;
align-items: center;
@@ -1757,8 +1831,10 @@ textarea:focus {
.collection_modal_body .upload_item .upload_file_item :deep(.ant-upload-picture-card-wrapper),
.design_detail_modal_component .upload_item .upload_file_item :deep(.ant-upload-picture-card-wrapper),
.library_page .upload_item .upload_file_item :deep(.ant-upload-picture-card-wrapper),
.productImg_modal .upload_item .upload_file_item :deep(.ant-upload-picture-card-wrapper) {
.productImg_modal .upload_item .upload_file_item :deep(.ant-upload-picture-card-wrapper),
.accountEdit_page .upload_item .upload_file_item :deep(.ant-upload-picture-card-wrapper) {
position: absolute;
width: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
@@ -1766,7 +1842,8 @@ textarea:focus {
.collection_modal_body .upload_item .upload_file_item :deep(.ant-upload-select-picture-card),
.design_detail_modal_component .upload_item .upload_file_item :deep(.ant-upload-select-picture-card),
.library_page .upload_item .upload_file_item :deep(.ant-upload-select-picture-card),
.productImg_modal .upload_item .upload_file_item :deep(.ant-upload-select-picture-card) {
.productImg_modal .upload_item .upload_file_item :deep(.ant-upload-select-picture-card),
.accountEdit_page .upload_item .upload_file_item :deep(.ant-upload-select-picture-card) {
width: calc(6rem*1.2);
height: calc(6rem*1.2);
border: calc(0.3rem*1.2) solid #ededed;
@@ -1776,7 +1853,8 @@ textarea:focus {
.collection_modal_body .upload_item .upload_file_item .upload_file_item_content,
.design_detail_modal_component .upload_item .upload_file_item .upload_file_item_content,
.library_page .upload_item .upload_file_item .upload_file_item_content,
.productImg_modal .upload_item .upload_file_item .upload_file_item_content {
.productImg_modal .upload_item .upload_file_item .upload_file_item_content,
.accountEdit_page .upload_item .upload_file_item .upload_file_item_content {
display: flex;
align-items: center;
justify-content: center;
@@ -1787,19 +1865,22 @@ textarea:focus {
.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,
.productImg_modal .upload_item .upload_file_item .upload_file_item_content:hover div {
.productImg_modal .upload_item .upload_file_item .upload_file_item_content:hover div,
.accountEdit_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,
.productImg_modal .upload_item .upload_file_item .upload_file_item_content:hover .delete_file_block {
.productImg_modal .upload_item .upload_file_item .upload_file_item_content:hover .delete_file_block,
.accountEdit_page .upload_item .upload_file_item .upload_file_item_content:hover .delete_file_block {
display: block;
}
.collection_modal_body .upload_item .upload_file_item .upload_file_item_content .upload_img,
.design_detail_modal_component .upload_item .upload_file_item .upload_file_item_content .upload_img,
.library_page .upload_item .upload_file_item .upload_file_item_content .upload_img,
.productImg_modal .upload_item .upload_file_item .upload_file_item_content .upload_img {
.productImg_modal .upload_item .upload_file_item .upload_file_item_content .upload_img,
.accountEdit_page .upload_item .upload_file_item .upload_file_item_content .upload_img {
display: block;
height: 100%;
width: auto;
@@ -1809,7 +1890,8 @@ textarea:focus {
.collection_modal_body .upload_item .upload_file_item .upload_file_item_content .delete_file_block,
.design_detail_modal_component .upload_item .upload_file_item .upload_file_item_content .delete_file_block,
.library_page .upload_item .upload_file_item .upload_file_item_content .delete_file_block,
.productImg_modal .upload_item .upload_file_item .upload_file_item_content .delete_file_block {
.productImg_modal .upload_item .upload_file_item .upload_file_item_content .delete_file_block,
.accountEdit_page .upload_item .upload_file_item .upload_file_item_content .delete_file_block {
display: none;
width: 100%;
cursor: pointer;
@@ -1826,7 +1908,8 @@ textarea:focus {
.collection_modal_body .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop,
.design_detail_modal_component .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop,
.library_page .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop,
.productImg_modal .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop {
.productImg_modal .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop,
.accountEdit_page .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop {
width: calc(3.2rem*1.2);
height: calc(3.2rem*1.2);
background: rgba(0, 0, 0, 0.6);
@@ -1841,20 +1924,23 @@ textarea:focus {
.collection_modal_body .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop .icon-shanchu,
.design_detail_modal_component .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop .icon-shanchu,
.library_page .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop .icon-shanchu,
.productImg_modal .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop .icon-shanchu {
.productImg_modal .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop .icon-shanchu,
.accountEdit_page .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop .icon-shanchu {
font-size: calc(1.6rem*1.2);
color: #fff;
}
.collection_modal_body .upload_item .upload_file_item .upload_img_icon,
.design_detail_modal_component .upload_item .upload_file_item .upload_img_icon,
.library_page .upload_item .upload_file_item .upload_img_icon,
.productImg_modal .upload_item .upload_file_item .upload_img_icon {
.productImg_modal .upload_item .upload_file_item .upload_img_icon,
.accountEdit_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,
.productImg_modal .upload_item .upload_file_item:last-child {
.productImg_modal .upload_item .upload_file_item:last-child,
.accountEdit_page .upload_item .upload_file_item:last-child {
margin: 0;
}
.generalModel_modal .ant-modal-content {

View File

@@ -473,6 +473,9 @@ input:focus{
box-shadow: 0 0 0 2px rgba(83, 83, 83, 0.3);
border: 1px solid #d9d9d9;
}
.ant-picker-suffix{
display: flex;
}
.ant-picker-range .ant-picker-active-bar{
background: #353535;
}
@@ -1208,47 +1211,87 @@ input:focus{
position: relative;
display: flex;
flex-direction: column;
.admin_state_item{
margin-right: 2rem;
margin-bottom: 2rem;
display: flex;
align-items: center;
>span:nth-child(1){
font-size: 1.6rem;
font-weight: 400;
color: #030303;
margin-right: 15px;
flex-shrink: 0;
display: block;
// min-width: 20%;
width: 100px;
text-align: right;
}
>input{
padding: 4px 11px 4px;
line-height: 1.5715;
font-size: 14px;
}
.active{
cursor: no-drop;
background-color: #f5f5f5;
}
}
.admin_search_item{
background: #343579;
border-color: #343579;
height: 4rem;
padding: .64rem 1.5rem;
font-size: 1.6rem;
border-radius: 2px;
display: inline-block;
color: #fff;
cursor: pointer;
margin: 0 2rem 2rem 0;
}
.admin_search_item:last-child{
margin: 0;
}
.admin_table_search {
display: flex;
flex-wrap: wrap;
margin-top: 2rem;
padding: 2rem 3.5rem 5rem 2.8rem;
background: #fff;
display: flex;
justify-content: space-between;
.admin_search{
width: 40%;
.admin_search_item{
background: #343579;
border-color: #343579;
height: 4rem;
padding: .64rem 1.5rem;
font-size: 1.6rem;
border-radius: 2px;
display: inline-block;
color: #fff;
width: 20%;
}
.admin_state_list{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
width: 100%;
margin-top: 2rem;
.admin_state_list_item{
cursor: pointer;
width: auto;
border-radius: 1rem;
padding: 1rem 2rem;
border: 1px solid #b6b6b6;
background: #39215b;
color: #fff;
margin: 0 2rem 2rem 0;
font-size: 1.8rem;
font-weight: 600;
}
.admin_state_list_item:last-child{
margin: 0;
}
}
.admin_state {
position: relative;
cursor: pointer;
width: 60%;
.admin_state_item{
margin-right: 2rem;
margin-bottom: 2rem;
display: flex;
align-items: center;
>span{
font-size: 1.6rem;
font-weight: 400;
color: #030303;
margin-right: 15px;
flex-shrink: 0;
display: block;
min-width: 13rem;
text-align: right;
}
}
width: 80%;
.admin_current{
background: #fff;
width: 100%;
@@ -1302,14 +1345,14 @@ input:focus{
}
}
.ant-table-thead > tr > th {
background: #ffffff00;
background: #ffffff;
border-bottom: none;
backdrop-filter: blur(1rem);
// backdrop-filter: blur(1rem);
}
.ant-table-tbody > tr > td {
border: none;
background: transparent;
background: #fff;
// color: #fff;
}
.operate_list{
@@ -1328,7 +1371,7 @@ input:focus{
}
.ant-table-tbody > tr {
&:hover > td {
background: #ffffff3a;
background: rgb(202, 202, 202)
}
}
.ant-table-pagination-right {
@@ -1530,7 +1573,7 @@ textarea:focus{
outline: none; /* 清除默认焦点样式 */
}
//设计input和上传按钮样式
.collection_modal_body,.design_detail_modal_component,.library_page,.productImg_modal{
.collection_modal_body,.design_detail_modal_component,.library_page,.productImg_modal,.accountEdit_page{
.input_border{
z-index: 2;
display: flex;
@@ -1758,6 +1801,7 @@ textarea:focus{
}
:deep(.ant-upload-picture-card-wrapper) {
position: absolute;
width: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);