From 4a210797759bb154573135fcc3c1aa44f2b470cd Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Mon, 5 Aug 2024 16:16:08 +0800
Subject: [PATCH] fix
---
src/assets/style/style.css | 236 ++-
src/assets/style/style.less | 108 +-
src/component/Account/account.vue | 148 ++
src/component/Account/accountEdit.vue | 203 ++
src/component/Account/accountFollowFans.vue | 84 +
src/component/Account/accountHome.vue | 213 ++
src/component/Account/accountMessage.vue | 107 +
src/component/Account/message/newFollow.vue | 104 +
src/component/Account/message/privateChat.vue | 438 ++++
src/component/Account/message/system.vue | 104 +
src/component/Administrator/TestClickData.vue | 26 +-
.../administratorEcharts copy.vue | 173 --
src/component/Administrator/allUser.vue | 591 ++++--
.../Administrator/allUserPoerations.vue | 302 +++
.../Administrator/recentActiveChart.vue | 228 +++
.../Administrator/recentActiveUser.vue | 303 +++
.../Administrator/recentActiveUserChart.vue | 196 ++
src/component/Administrator/recentNewUser.vue | 321 +++
.../Administrator/recentNewUserChart.vue | 224 +++
src/component/Administrator/trialAllUser.vue | 242 +++
src/component/Administrator/trialApproval.vue | 7 +-
.../trialUserConversionRateChart.vue | 149 ++
.../Administrator/trialUserCountry.vue | 152 ++
src/component/HomePage/Cropper.vue | 27 +-
src/component/HomePage/Generate.vue | 4 +-
src/component/HomePage/productImg.vue | 1762 +++++++++--------
src/router/index.ts | 63 +
src/tool/country.js | 663 +++++++
src/tool/flexible.js | 2 +-
src/tool/https.js | 17 +-
src/views/Administrator.vue | 100 +-
src/views/HomeMain.vue | 23 +-
32 files changed, 5983 insertions(+), 1337 deletions(-)
create mode 100644 src/component/Account/account.vue
create mode 100644 src/component/Account/accountEdit.vue
create mode 100644 src/component/Account/accountFollowFans.vue
create mode 100644 src/component/Account/accountHome.vue
create mode 100644 src/component/Account/accountMessage.vue
create mode 100644 src/component/Account/message/newFollow.vue
create mode 100644 src/component/Account/message/privateChat.vue
create mode 100644 src/component/Account/message/system.vue
delete mode 100644 src/component/Administrator/administratorEcharts copy.vue
create mode 100644 src/component/Administrator/allUserPoerations.vue
create mode 100644 src/component/Administrator/recentActiveChart.vue
create mode 100644 src/component/Administrator/recentActiveUser.vue
create mode 100644 src/component/Administrator/recentActiveUserChart.vue
create mode 100644 src/component/Administrator/recentNewUser.vue
create mode 100644 src/component/Administrator/recentNewUserChart.vue
create mode 100644 src/component/Administrator/trialAllUser.vue
create mode 100644 src/component/Administrator/trialUserConversionRateChart.vue
create mode 100644 src/component/Administrator/trialUserCountry.vue
create mode 100644 src/tool/country.js
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 @@
+
+
+
+
+
+
+