From a83346438e400839560cc94bead6b321cc28a472 Mon Sep 17 00:00:00 2001 From: X1627315083 <1627315083@qq.com> Date: Mon, 10 Mar 2025 16:51:12 +0800 Subject: [PATCH] fix --- public/js/version.json | 0 src/assets/images/homePage/homeNavBg.png | Bin 0 -> 25382 bytes src/assets/style/style.css | 145 +- src/assets/style/style.less | 39 +- src/component/HomePage/ColorboardUpload.vue | 1 - src/component/HomePage/Generate.vue | 9 +- src/component/HomePage/Material.vue | 122 +- src/component/HomePage/PrintboardUpload.vue | 5 +- src/component/HomePage/SketchboardUpload.vue | 5 +- src/component/HomePage/generalMenu.vue | 1 + .../collection/ColorboardUpload.vue | 1438 ++++++++++++ .../collection/MoodboardUpload.vue | 743 ++++++ .../collection/PrintboardUpload.vue | 1000 ++++++++ .../collection/SketchboardUpload.vue | 967 ++++++++ .../index/editContent/collection/more.vue | 124 + .../index/editContent/design/index.vue | 2066 +++++++++++++++++ .../HomePage/index/editContent/index.vue | 244 ++ .../HomePage/index/editContent/nav.vue | 72 + .../HomePage/index/editContent/navBox.vue | 170 ++ src/component/HomePage/index/index.vue | 57 + src/component/HomePage/scaleImage.vue | 3 +- src/lang/cn.ts | 6 + src/lang/en.ts | 6 + src/views/HomeView/HomeView.vue | 2028 +--------------- 24 files changed, 7094 insertions(+), 2157 deletions(-) create mode 100644 public/js/version.json create mode 100644 src/assets/images/homePage/homeNavBg.png create mode 100644 src/component/HomePage/index/editContent/collection/ColorboardUpload.vue create mode 100644 src/component/HomePage/index/editContent/collection/MoodboardUpload.vue create mode 100644 src/component/HomePage/index/editContent/collection/PrintboardUpload.vue create mode 100644 src/component/HomePage/index/editContent/collection/SketchboardUpload.vue create mode 100644 src/component/HomePage/index/editContent/collection/more.vue create mode 100644 src/component/HomePage/index/editContent/design/index.vue create mode 100644 src/component/HomePage/index/editContent/index.vue create mode 100644 src/component/HomePage/index/editContent/nav.vue create mode 100644 src/component/HomePage/index/editContent/navBox.vue create mode 100644 src/component/HomePage/index/index.vue diff --git a/public/js/version.json b/public/js/version.json new file mode 100644 index 00000000..e69de29b diff --git a/src/assets/images/homePage/homeNavBg.png b/src/assets/images/homePage/homeNavBg.png new file mode 100644 index 0000000000000000000000000000000000000000..1e9fdacf4782c6f38a6b5f0b583c3ca9464ec7bf GIT binary patch literal 25382 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 .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte right: 3rem; width: auto; height: auto; - top: 60%; + top: 50%; + transform: translateY(-50%); font-size: 1.2rem; + margin-top: 0; } .generalModel_page { width: 100%; @@ -1179,27 +1181,6 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte .ant-spin { color: #000; } -.pin_block { - text-align: center; - margin-top: 0.5rem; -} -.pin_block .ant-checkbox-wrapper { - height: 2.2rem; - align-items: center; -} -.pin_block .ant-checkbox-wrapper > span { - height: 100%; -} -.pin_block .ant-checkbox-wrapper > span { - font-size: 1.4rem; - line-height: 2.3rem; -} -.pin_block .ant-checkbox-wrapper > span .ant-checkbox-input::after { - height: auto; -} -.pin_block .ant-checkbox-wrapper > span.ant-checkbox-checked::after { - border: 1px solid rgba(0, 0, 0, 0); -} .ant-checkbox-inner { width: 1.6rem; height: 1.6rem; @@ -1590,10 +1571,10 @@ textarea:focus { flex-wrap: wrap; } .upload_item .upload_file_item { - margin: 0 calc(2rem) calc(2rem) 0; + margin: 1rem; display: inline-block; - width: calc(10rem); - height: calc(10rem); + width: calc(25% - 2rem); + aspect-ratio: 1 / 1; border: 1px solid #f5f5f5; vertical-align: top; position: relative; @@ -1697,12 +1678,12 @@ textarea:focus { .library_page .input_border, .productImg_modal .input_border, .accountEdit_page .input_border, -.generalMenu_printModel_upload .input_border { +.generalMenu_printModel_upload .input_border, +.generate .input_border { z-index: 2; display: flex; align-items: center; padding-bottom: calc(2rem*1.2); - background: #fff; top: 0; flex-wrap: wrap; --width: 65%; @@ -1712,7 +1693,8 @@ textarea:focus { .library_page .input_border .input_box, .productImg_modal .input_border .input_box, .accountEdit_page .input_border .input_box, -.generalMenu_printModel_upload .input_border .input_box { +.generalMenu_printModel_upload .input_border .input_box, +.generate .input_border .input_box { position: relative; z-index: 2; flex: 1; @@ -1725,7 +1707,8 @@ textarea:focus { .library_page .input_border .input_box .inputShowText, .productImg_modal .input_border .input_box .inputShowText, .accountEdit_page .input_border .input_box .inputShowText, -.generalMenu_printModel_upload .input_border .input_box .inputShowText { +.generalMenu_printModel_upload .input_border .input_box .inputShowText, +.generate .input_border .input_box .inputShowText { width: 100%; display: none; } @@ -1735,12 +1718,14 @@ textarea:focus { .productImg_modal .input_border .input_box.active .input_box_btnBox, .accountEdit_page .input_border .input_box.active .input_box_btnBox, .generalMenu_printModel_upload .input_border .input_box.active .input_box_btnBox, +.generate .input_border .input_box.active .input_box_btnBox, .collection_modal_body .input_border .input_box.active textarea, .design_detail_modal_component .input_border .input_box.active textarea, .library_page .input_border .input_box.active textarea, .productImg_modal .input_border .input_box.active textarea, .accountEdit_page .input_border .input_box.active textarea, -.generalMenu_printModel_upload .input_border .input_box.active textarea { +.generalMenu_printModel_upload .input_border .input_box.active textarea, +.generate .input_border .input_box.active textarea { border: 1px solid #ff0001; box-shadow: 0px 0px 3px 1px rgba(255, 0, 0, 0.2); } @@ -1749,7 +1734,8 @@ textarea:focus { .library_page .input_border .input_box.active span, .productImg_modal .input_border .input_box.active span, .accountEdit_page .input_border .input_box.active span, -.generalMenu_printModel_upload .input_border .input_box.active span { +.generalMenu_printModel_upload .input_border .input_box.active span, +.generate .input_border .input_box.active span { opacity: 1; display: block; color: rgba(255, 0, 0.7); @@ -1759,7 +1745,8 @@ textarea:focus { .library_page .input_border .search_keyword, .productImg_modal .input_border .search_keyword, .accountEdit_page .input_border .search_keyword, -.generalMenu_printModel_upload .input_border .search_keyword { +.generalMenu_printModel_upload .input_border .search_keyword, +.generate .input_border .search_keyword { height: 0; flex-basis: 100%; } @@ -1768,7 +1755,8 @@ textarea:focus { .library_page .input_border .search_keyword .search_keyword_center, .productImg_modal .input_border .search_keyword .search_keyword_center, .accountEdit_page .input_border .search_keyword .search_keyword_center, -.generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center { +.generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center, +.generate .input_border .search_keyword .search_keyword_center { margin-top: 1rem; justify-content: space-between; display: flex; @@ -1786,7 +1774,8 @@ textarea:focus { .library_page .input_border .search_keyword .search_keyword_center .search_keyword_center_left, .productImg_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_left, .accountEdit_page .input_border .search_keyword .search_keyword_center .search_keyword_center_left, -.generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center .search_keyword_center_left { +.generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center .search_keyword_center_left, +.generate .input_border .search_keyword .search_keyword_center .search_keyword_center_left { display: flex; overflow: hidden; flex: 1; @@ -1797,7 +1786,8 @@ textarea:focus { .library_page .input_border .search_keyword .search_keyword_center .search_keyword_center_item, .productImg_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_item, .accountEdit_page .input_border .search_keyword .search_keyword_center .search_keyword_center_item, -.generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center .search_keyword_center_item { +.generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center .search_keyword_center_item, +.generate .input_border .search_keyword .search_keyword_center .search_keyword_center_item { border-radius: 0.4rem; background-color: #000000; margin-right: 1rem; @@ -1813,7 +1803,8 @@ textarea:focus { .library_page .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, .productImg_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, .accountEdit_page .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, -.generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child { +.generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, +.generate .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child { margin-right: 0; } .collection_modal_body .input_border .input_box_btnBox, @@ -1821,7 +1812,8 @@ textarea:focus { .library_page .input_border .input_box_btnBox, .productImg_modal .input_border .input_box_btnBox, .accountEdit_page .input_border .input_box_btnBox, -.generalMenu_printModel_upload .input_border .input_box_btnBox { +.generalMenu_printModel_upload .input_border .input_box_btnBox, +.generate .input_border .input_box_btnBox { border: 1px solid #000; border-radius: 4rem; width: var(--width); @@ -1830,13 +1822,15 @@ textarea:focus { align-items: center; padding: 1.5rem 2rem; padding-right: 0; + background-color: #fff; } .collection_modal_body .input_border .input_box_btnBox.sketch, .design_detail_modal_component .input_border .input_box_btnBox.sketch, .library_page .input_border .input_box_btnBox.sketch, .productImg_modal .input_border .input_box_btnBox.sketch, .accountEdit_page .input_border .input_box_btnBox.sketch, -.generalMenu_printModel_upload .input_border .input_box_btnBox.sketch { +.generalMenu_printModel_upload .input_border .input_box_btnBox.sketch, +.generate .input_border .input_box_btnBox.sketch { padding: 0; } .collection_modal_body .input_border .input_box_btnBox .ant-spin-text, @@ -1844,7 +1838,8 @@ textarea:focus { .library_page .input_border .input_box_btnBox .ant-spin-text, .productImg_modal .input_border .input_box_btnBox .ant-spin-text, .accountEdit_page .input_border .input_box_btnBox .ant-spin-text, -.generalMenu_printModel_upload .input_border .input_box_btnBox .ant-spin-text { +.generalMenu_printModel_upload .input_border .input_box_btnBox .ant-spin-text, +.generate .input_border .input_box_btnBox .ant-spin-text { font-size: 1.2rem; } .collection_modal_body .input_border .input_box_btnBox .search_seed, @@ -1852,7 +1847,8 @@ textarea:focus { .library_page .input_border .input_box_btnBox .search_seed, .productImg_modal .input_border .input_box_btnBox .search_seed, .accountEdit_page .input_border .input_box_btnBox .search_seed, -.generalMenu_printModel_upload .input_border .input_box_btnBox .search_seed { +.generalMenu_printModel_upload .input_border .input_box_btnBox .search_seed, +.generate .input_border .input_box_btnBox .search_seed { padding: 0; width: 4rem; text-align: center; @@ -1864,7 +1860,8 @@ textarea:focus { .library_page .input_border .input_box_btnBox .upload_item, .productImg_modal .input_border .input_box_btnBox .upload_item, .accountEdit_page .input_border .input_box_btnBox .upload_item, -.generalMenu_printModel_upload .input_border .input_box_btnBox .upload_item { +.generalMenu_printModel_upload .input_border .input_box_btnBox .upload_item, +.generate .input_border .input_box_btnBox .upload_item { width: 5.7rem; } .collection_modal_body .input_border .input_box_btnBox .upload_item .upload_file_item, @@ -1872,7 +1869,8 @@ textarea:focus { .library_page .input_border .input_box_btnBox .upload_item .upload_file_item, .productImg_modal .input_border .input_box_btnBox .upload_item .upload_file_item, .accountEdit_page .input_border .input_box_btnBox .upload_item .upload_file_item, -.generalMenu_printModel_upload .input_border .input_box_btnBox .upload_item .upload_file_item { +.generalMenu_printModel_upload .input_border .input_box_btnBox .upload_item .upload_file_item, +.generate .input_border .input_box_btnBox .upload_item .upload_file_item { position: absolute; left: 0; top: 50%; @@ -1887,7 +1885,8 @@ textarea:focus { .library_page .input_border input, .productImg_modal .input_border input, .accountEdit_page .input_border input, -.generalMenu_printModel_upload .input_border input { +.generalMenu_printModel_upload .input_border input, +.generate .input_border input { width: 100%; border-radius: calc(0.5rem*1.2); border: 1px solid rgba(0, 0, 0, 0.15); @@ -1903,7 +1902,8 @@ textarea:focus { .library_page .input_border inputinput:-moz-placeholder, .productImg_modal .input_border inputinput:-moz-placeholder, .accountEdit_page .input_border inputinput:-moz-placeholder, -.generalMenu_printModel_upload .input_border inputinput:-moz-placeholder { +.generalMenu_printModel_upload .input_border inputinput:-moz-placeholder, +.generate .input_border inputinput:-moz-placeholder { color: rgba(0, 0, 0, 0.15); } .collection_modal_body .input_border inputinput:-ms-input-placeholder, @@ -1911,7 +1911,8 @@ textarea:focus { .library_page .input_border inputinput:-ms-input-placeholder, .productImg_modal .input_border inputinput:-ms-input-placeholder, .accountEdit_page .input_border inputinput:-ms-input-placeholder, -.generalMenu_printModel_upload .input_border inputinput:-ms-input-placeholder { +.generalMenu_printModel_upload .input_border inputinput:-ms-input-placeholder, +.generate .input_border inputinput:-ms-input-placeholder { color: rgba(0, 0, 0, 0.15); } .collection_modal_body .input_border inputinput::-webkit-input-placeholder, @@ -1919,7 +1920,8 @@ textarea:focus { .library_page .input_border inputinput::-webkit-input-placeholder, .productImg_modal .input_border inputinput::-webkit-input-placeholder, .accountEdit_page .input_border inputinput::-webkit-input-placeholder, -.generalMenu_printModel_upload .input_border inputinput::-webkit-input-placeholder { +.generalMenu_printModel_upload .input_border inputinput::-webkit-input-placeholder, +.generate .input_border inputinput::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.15); } .collection_modal_body .input_border input.forbidden, @@ -1927,7 +1929,8 @@ textarea:focus { .library_page .input_border input.forbidden, .productImg_modal .input_border input.forbidden, .accountEdit_page .input_border input.forbidden, -.generalMenu_printModel_upload .input_border input.forbidden { +.generalMenu_printModel_upload .input_border input.forbidden, +.generate .input_border input.forbidden { cursor: no-drop; } .collection_modal_body .input_border .input_box_btnBox_upImg, @@ -1935,7 +1938,8 @@ textarea:focus { .library_page .input_border .input_box_btnBox_upImg, .productImg_modal .input_border .input_box_btnBox_upImg, .accountEdit_page .input_border .input_box_btnBox_upImg, -.generalMenu_printModel_upload .input_border .input_box_btnBox_upImg { +.generalMenu_printModel_upload .input_border .input_box_btnBox_upImg, +.generate .input_border .input_box_btnBox_upImg { height: 100%; } .collection_modal_body .input_border .fi, @@ -1943,7 +1947,8 @@ textarea:focus { .library_page .input_border .fi, .productImg_modal .input_border .fi, .accountEdit_page .input_border .fi, -.generalMenu_printModel_upload .input_border .fi { +.generalMenu_printModel_upload .input_border .fi, +.generate .input_border .fi { margin-right: 1rem; display: flex; cursor: pointer; @@ -1960,7 +1965,8 @@ textarea:focus { .library_page .input_border .fi.fi-br-loading, .productImg_modal .input_border .fi.fi-br-loading, .accountEdit_page .input_border .fi.fi-br-loading, -.generalMenu_printModel_upload .input_border .fi.fi-br-loading { +.generalMenu_printModel_upload .input_border .fi.fi-br-loading, +.generate .input_border .fi.fi-br-loading { height: 100%; background-color: rgba(0, 0, 0, 0); } @@ -1969,7 +1975,8 @@ textarea:focus { .library_page .input_border .fi.active, .productImg_modal .input_border .fi.active, .accountEdit_page .input_border .fi.active, -.generalMenu_printModel_upload .input_border .fi.active { +.generalMenu_printModel_upload .input_border .fi.active, +.generate .input_border .fi.active { transform: rotate(180deg); } .collection_modal_body .input_border .fi.forbidden, @@ -1977,7 +1984,8 @@ textarea:focus { .library_page .input_border .fi.forbidden, .productImg_modal .input_border .fi.forbidden, .accountEdit_page .input_border .fi.forbidden, -.generalMenu_printModel_upload .input_border .fi.forbidden { +.generalMenu_printModel_upload .input_border .fi.forbidden, +.generate .input_border .fi.forbidden { cursor: no-drop; } .collection_modal_body .input_border .search_upImg, @@ -1985,7 +1993,8 @@ textarea:focus { .library_page .input_border .search_upImg, .productImg_modal .input_border .search_upImg, .accountEdit_page .input_border .search_upImg, -.generalMenu_printModel_upload .input_border .search_upImg { +.generalMenu_printModel_upload .input_border .search_upImg, +.generate .input_border .search_upImg { width: 4rem; height: 100%; position: absolute; @@ -1997,7 +2006,8 @@ textarea:focus { .library_page .input_border .search_upImg span, .productImg_modal .input_border .search_upImg span, .accountEdit_page .input_border .search_upImg span, -.generalMenu_printModel_upload .input_border .search_upImg span { +.generalMenu_printModel_upload .input_border .search_upImg span, +.generate .input_border .search_upImg span { position: absolute; width: 100%; } @@ -2006,7 +2016,8 @@ textarea:focus { .library_page .input_border .search_upImg .ant-upload-select-picture-card, .productImg_modal .input_border .search_upImg .ant-upload-select-picture-card, .accountEdit_page .input_border .search_upImg .ant-upload-select-picture-card, -.generalMenu_printModel_upload .input_border .search_upImg .ant-upload-select-picture-card { +.generalMenu_printModel_upload .input_border .search_upImg .ant-upload-select-picture-card, +.generate .input_border .search_upImg .ant-upload-select-picture-card { width: 100%; height: 100%; display: block !important; @@ -2016,7 +2027,8 @@ textarea:focus { .library_page .input_border .search_textarea, .productImg_modal .input_border .search_textarea, .accountEdit_page .input_border .search_textarea, -.generalMenu_printModel_upload .input_border .search_textarea { +.generalMenu_printModel_upload .input_border .search_textarea, +.generate .input_border .search_textarea { z-index: 3; height: auto; position: absolute; @@ -2033,7 +2045,8 @@ textarea:focus { .library_page .input_border .generage_btn_box, .productImg_modal .input_border .generage_btn_box, .accountEdit_page .input_border .generage_btn_box, -.generalMenu_printModel_upload .input_border .generage_btn_box { +.generalMenu_printModel_upload .input_border .generage_btn_box, +.generate .input_border .generage_btn_box { position: relative; display: flex; align-items: center; @@ -2043,7 +2056,8 @@ textarea:focus { .library_page .input_border .generage_btn_box .icon-xiala, .productImg_modal .input_border .generage_btn_box .icon-xiala, .accountEdit_page .input_border .generage_btn_box .icon-xiala, -.generalMenu_printModel_upload .input_border .generage_btn_box .icon-xiala { +.generalMenu_printModel_upload .input_border .generage_btn_box .icon-xiala, +.generate .input_border .generage_btn_box .icon-xiala { margin-left: 1rem; transition: all 0.3s; cursor: pointer; @@ -2053,7 +2067,8 @@ textarea:focus { .library_page .input_border .generage_btn_box .icon-xiala.active, .productImg_modal .input_border .generage_btn_box .icon-xiala.active, .accountEdit_page .input_border .generage_btn_box .icon-xiala.active, -.generalMenu_printModel_upload .input_border .generage_btn_box .icon-xiala.active { +.generalMenu_printModel_upload .input_border .generage_btn_box .icon-xiala.active, +.generate .input_border .generage_btn_box .icon-xiala.active { transform: rotate(180deg); } .collection_modal_body .input_border .generage_btn_box .content, @@ -2061,7 +2076,8 @@ textarea:focus { .library_page .input_border .generage_btn_box .content, .productImg_modal .input_border .generage_btn_box .content, .accountEdit_page .input_border .generage_btn_box .content, -.generalMenu_printModel_upload .input_border .generage_btn_box .content { +.generalMenu_printModel_upload .input_border .generage_btn_box .content, +.generate .input_border .generage_btn_box .content { position: absolute; top: 100%; width: calc(100% - 2rem); @@ -2077,7 +2093,8 @@ textarea:focus { .library_page .input_border .generage_btn_box .content > div, .productImg_modal .input_border .generage_btn_box .content > div, .accountEdit_page .input_border .generage_btn_box .content > div, -.generalMenu_printModel_upload .input_border .generage_btn_box .content > div { +.generalMenu_printModel_upload .input_border .generage_btn_box .content > div, +.generate .input_border .generage_btn_box .content > div { background: #cccccc; line-height: 2; font-size: 1.8rem; @@ -2091,7 +2108,8 @@ textarea:focus { .library_page .input_border .generage_btn_box .content > div:hover, .productImg_modal .input_border .generage_btn_box .content > div:hover, .accountEdit_page .input_border .generage_btn_box .content > div:hover, -.generalMenu_printModel_upload .input_border .generage_btn_box .content > div:hover { +.generalMenu_printModel_upload .input_border .generage_btn_box .content > div:hover, +.generate .input_border .generage_btn_box .content > div:hover { background: #999999; } .collection_modal_body .input_border .generage_btn, @@ -2099,7 +2117,8 @@ textarea:focus { .library_page .input_border .generage_btn, .productImg_modal .input_border .generage_btn, .accountEdit_page .input_border .generage_btn, -.generalMenu_printModel_upload .input_border .generage_btn { +.generalMenu_printModel_upload .input_border .generage_btn, +.generate .input_border .generage_btn { margin-left: 2rem; display: flex; font-size: 1.8rem; diff --git a/src/assets/style/style.less b/src/assets/style/style.less index 591daf20..a135cd2b 100644 --- a/src/assets/style/style.less +++ b/src/assets/style/style.less @@ -726,9 +726,11 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte // height: 1.2rem; width: auto; height: auto; - top: 60%; + top: 50%; + transform: translateY(-50%); // margin-top: -.6rem; font-size: 1.2rem; + margin-top: 0; // top: 50%; // transform: translateY(-45%); } @@ -1295,28 +1297,6 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte .ant-spin{ color: #000; } -.pin_block{ - text-align: center; - margin-top:.5rem; - .ant-checkbox-wrapper{ - height: 2.2rem; - align-items: center; - >span{ - height: 100%; - } - >span{ - font-size: 1.4rem; - line-height: 2.3rem; - .ant-checkbox-input::after{ - height: auto; - } - &.ant-checkbox-checked::after{ - border: 1px solid rgba(0,0,0,0); - } - } - - } -} .ant-checkbox-inner{ width: 1.6rem; height: 1.6rem; @@ -1725,12 +1705,15 @@ textarea:focus{ display: flex; flex-wrap: wrap; .upload_file_item { - margin: 0 calc(2rem) calc(2rem) 0; + // margin: 0 calc(2rem) calc(2rem) 0; + margin: 1rem; display: inline-block; // width: calc(16.5rem); // height: calc(16.5rem); - width: calc(10rem); - height: calc(10rem); + // width: calc(10rem); + // height: calc(10rem); + width: calc(25% - 2rem); + aspect-ratio: 1 / 1; border: 1px solid #f5f5f5; vertical-align: top; position: relative; @@ -1840,13 +1823,12 @@ textarea:focus{ } //设计input和上传按钮样式 -.collection_modal_body,.design_detail_modal_component,.library_page,.productImg_modal,.accountEdit_page,.generalMenu_printModel_upload{ +.collection_modal_body,.design_detail_modal_component,.library_page,.productImg_modal,.accountEdit_page,.generalMenu_printModel_upload,.generate{ .input_border{ z-index: 2; display: flex; align-items: center; padding-bottom: calc(2rem*1.2); - background: #fff; top: 0; flex-wrap: wrap; --width:65%; @@ -1925,6 +1907,7 @@ textarea:focus{ align-items: center; padding: 1.5rem 2rem; padding-right: 0; + background-color: #fff; // border &.sketch{ padding: 0; diff --git a/src/component/HomePage/ColorboardUpload.vue b/src/component/HomePage/ColorboardUpload.vue index 7959e2f4..caee8d5a 100644 --- a/src/component/HomePage/ColorboardUpload.vue +++ b/src/component/HomePage/ColorboardUpload.vue @@ -838,7 +838,6 @@ export default defineComponent({ position: relative; display: flex; justify-content: space-between; - padding-top: calc(7rem*1.2); .modal_layout{ position: absolute; top: 0; diff --git a/src/component/HomePage/Generate.vue b/src/component/HomePage/Generate.vue index 26856aca..f91f3631 100644 --- a/src/component/HomePage/Generate.vue +++ b/src/component/HomePage/Generate.vue @@ -263,7 +263,8 @@ export default defineComponent({ let generateProceedList:any = ref([]) let remGenerate:any = ref(false) let remGenerateTime:any = ref() - let styleRecommend:any = inject('styleRecommend') + let styleRecommend:any = [] + // let styleRecommend:any = inject('styleRecommend') let generateLevel2Type = '' let isSloganHint:any = ref(' ') let loadingShow =ref(false) @@ -959,7 +960,6 @@ export default defineComponent({ overflow-x: hidden; display: flex; flex-direction: column; - border-right: 1px solid #e5e5e5; position: relative; // padding-top: calc(2.5rem*1.2); .input_border{ @@ -978,7 +978,6 @@ export default defineComponent({ align-items: center; position: sticky; top: 0; - background: #fff; padding-top: calc(2rem*1.2); z-index: 3; } @@ -998,7 +997,9 @@ export default defineComponent({ } .generage_img_item { cursor: pointer; - margin: 0 calc(2rem*1.2) calc(2rem*1.2) 0; + margin: 1rem; + width: calc(25% - 2rem); + aspect-ratio: 1 / 1; position: relative; &.active { opacity: 0.5; diff --git a/src/component/HomePage/Material.vue b/src/component/HomePage/Material.vue index cfb50669..3214af79 100644 --- a/src/component/HomePage/Material.vue +++ b/src/component/HomePage/Material.vue @@ -10,7 +10,8 @@
- +
@@ -46,9 +47,15 @@ {{ $t('Material.PIN') }}
--> -
- +
+ + + +
+
+
+
+
+ {{ $t('ColorboardUpload.UploadImage') }} +
+
+
+
+ +
+
+ +
+
+ +
Delete
+
+
+
+
+ +
+ +
+ +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+ {{$t('ColorboardUpload.SelectSuccessively')}} + +
+
+
+
+
+
+
+ {{ $t('ColorboardUpload.Palette') }} +
+
+ + + + +
+ +
{{ $t('ColorboardUpload.Single') }}
+ +
{{ $t('ColorboardUpload.Gradual') }}
+ +
+
+
+
+
{{ $t('ColorboardUpload.Alignment') }}
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+ +
+ +
+
+ {{ $t('ColorboardUpload.Thumbnail') }} +
+
+
+
+
+
+
+ {{ $t('ColorboardUpload.Clear') }} +
+
+
+ {{ $t('ColorboardUpload.ColorCode') }} +
+
+ +
+ + {{ $t('ColorboardUpload.ExtractColor') }} +
+ +
+
+
+ + + + + diff --git a/src/component/HomePage/index/editContent/collection/MoodboardUpload.vue b/src/component/HomePage/index/editContent/collection/MoodboardUpload.vue new file mode 100644 index 00000000..e4dc6954 --- /dev/null +++ b/src/component/HomePage/index/editContent/collection/MoodboardUpload.vue @@ -0,0 +1,743 @@ + + + + diff --git a/src/component/HomePage/index/editContent/collection/PrintboardUpload.vue b/src/component/HomePage/index/editContent/collection/PrintboardUpload.vue new file mode 100644 index 00000000..f226f920 --- /dev/null +++ b/src/component/HomePage/index/editContent/collection/PrintboardUpload.vue @@ -0,0 +1,1000 @@ + + + diff --git a/src/component/HomePage/index/editContent/collection/SketchboardUpload.vue b/src/component/HomePage/index/editContent/collection/SketchboardUpload.vue new file mode 100644 index 00000000..94de7d9c --- /dev/null +++ b/src/component/HomePage/index/editContent/collection/SketchboardUpload.vue @@ -0,0 +1,967 @@ + + + diff --git a/src/component/HomePage/index/editContent/collection/more.vue b/src/component/HomePage/index/editContent/collection/more.vue new file mode 100644 index 00000000..a52a7bcd --- /dev/null +++ b/src/component/HomePage/index/editContent/collection/more.vue @@ -0,0 +1,124 @@ + + + \ No newline at end of file diff --git a/src/component/HomePage/index/editContent/design/index.vue b/src/component/HomePage/index/editContent/design/index.vue new file mode 100644 index 00000000..47fc4921 --- /dev/null +++ b/src/component/HomePage/index/editContent/design/index.vue @@ -0,0 +1,2066 @@ + + + + \ No newline at end of file diff --git a/src/component/HomePage/index/editContent/index.vue b/src/component/HomePage/index/editContent/index.vue new file mode 100644 index 00000000..1cc6b39a --- /dev/null +++ b/src/component/HomePage/index/editContent/index.vue @@ -0,0 +1,244 @@ + + + \ No newline at end of file diff --git a/src/component/HomePage/index/editContent/nav.vue b/src/component/HomePage/index/editContent/nav.vue new file mode 100644 index 00000000..4ed0811a --- /dev/null +++ b/src/component/HomePage/index/editContent/nav.vue @@ -0,0 +1,72 @@ + + + \ No newline at end of file diff --git a/src/component/HomePage/index/editContent/navBox.vue b/src/component/HomePage/index/editContent/navBox.vue new file mode 100644 index 00000000..f4af7719 --- /dev/null +++ b/src/component/HomePage/index/editContent/navBox.vue @@ -0,0 +1,170 @@ + + + \ No newline at end of file diff --git a/src/component/HomePage/index/index.vue b/src/component/HomePage/index/index.vue new file mode 100644 index 00000000..05790203 --- /dev/null +++ b/src/component/HomePage/index/index.vue @@ -0,0 +1,57 @@ + + + \ No newline at end of file diff --git a/src/component/HomePage/scaleImage.vue b/src/component/HomePage/scaleImage.vue index 1a9050e4..95342ab9 100644 --- a/src/component/HomePage/scaleImage.vue +++ b/src/component/HomePage/scaleImage.vue @@ -457,7 +457,8 @@ export default defineComponent({ } }, download(){ - downloadIamge(this.scaleImageList[this.scaleImageIndex].imgUrl) + let url = this.scaleImageList[this.scaleImageIndex].imgUrl || this.scaleImageList[this.scaleImageIndex]?.url + downloadIamge(url) }, setScaleImageIndex(index:any){ // this.scaleImageIndex = index diff --git a/src/lang/cn.ts b/src/lang/cn.ts index cd478032..628dc689 100644 --- a/src/lang/cn.ts +++ b/src/lang/cn.ts @@ -312,6 +312,12 @@ export default { jsContent2:'图片必须小于5MB', jsContent3:'上传失败', }, + more:{ + delete:'删除', + down:'下载', + edit:'修改', + enlargement:'放大', + }, SketchboardUpload:{ Upload:'上传', Library:'收藏', diff --git a/src/lang/en.ts b/src/lang/en.ts index f5081246..3b4ba06c 100644 --- a/src/lang/en.ts +++ b/src/lang/en.ts @@ -312,6 +312,12 @@ export default { jsContent2:'Image must smaller than 5MB!', jsContent3:'upload failed', }, + more:{ + delete:'Delete', + down:'Download', + edit:'Modify', + enlargement:'Enlargement', + }, SketchboardUpload:{ Upload:'Upload', Library:'Library', diff --git a/src/views/HomeView/HomeView.vue b/src/views/HomeView/HomeView.vue index 9f84736a..cf6f6f2e 100644 --- a/src/views/HomeView/HomeView.vue +++ b/src/views/HomeView/HomeView.vue @@ -1,241 +1,7 @@ \ No newline at end of file