diff --git a/src/assets/style/style.css b/src/assets/style/style.css
index efdf43dc..889c3a88 100644
--- a/src/assets/style/style.css
+++ b/src/assets/style/style.css
@@ -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 {
diff --git a/src/assets/style/style.less b/src/assets/style/style.less
index 1a8ffd38..12b60c28 100644
--- a/src/assets/style/style.less
+++ b/src/assets/style/style.less
@@ -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%);
diff --git a/src/component/Account/account.vue b/src/component/Account/account.vue
new file mode 100644
index 00000000..5f725bd6
--- /dev/null
+++ b/src/component/Account/account.vue
@@ -0,0 +1,148 @@
+
+
+
+
+
+
+