AiDA 3.1 Feedback Survey
+AiDA 3.0 Feedback Survey
Please take the survey
Personal Information
@@ -392,7 +392,7 @@3. Will you subscribe to AiDA 3.1?*
+3. Will you subscribe to AiDA 3.0?*
diff --git a/.env.dev b/.env.dev index 6289e460..9355c106 100644 --- a/.env.dev +++ b/.env.dev @@ -5,9 +5,8 @@ NODE_ENV = 'development' # VUE_APP_BASE_URL = 'http://18.167.251.121:10086' VUE_APP_BASE_URL = 'https://develop.api.aida.com.hk' # VUE_APP_BASE_URL = 'https://www.api.aida.com.hk' -# 佩佩 -VUE_APP_BASE_URL = 'http://192.168.1.4:5567' +# 徐佩 +# VUE_APP_BASE_URL = 'http://192.168.1.4:5567' # 海波 -# VUE_APP_BASE_URL = 'http://18.167.251.121:15567' -# VUE_APP_BASE_URL = 'http://192.168.1.6:5567' +# VUE_APP_BASE_URL = 'http://192.168.1.9:5567' diff --git a/public/image/events/Fashion-Award-2024.png b/public/image/events/Fashion-Award-2024.png new file mode 100644 index 00000000..3834d5b4 Binary files /dev/null and b/public/image/events/Fashion-Award-2024.png differ diff --git a/src/assets/images/loginPage/gmailIcon.svg b/src/assets/images/loginPage/gmailIcon.svg new file mode 100644 index 00000000..d482078a --- /dev/null +++ b/src/assets/images/loginPage/gmailIcon.svg @@ -0,0 +1,18 @@ + diff --git a/src/assets/json/events.json b/src/assets/json/events.json index d5f97050..b3231f11 100644 --- a/src/assets/json/events.json +++ b/src/assets/json/events.json @@ -4,7 +4,11 @@ "id": 1, "title":"Just post your design work, you could have the chance to come to Hong Kong and interact with industry leaders face-to-face!", "imgUrl": "/image/events/workshop-En.jpg" - } + },{ + "id": 2, + "title":"AiDA X SFT AI Fashion Award 2024", + "imgUrl": "/image/events/Fashion-Award-2024.png" + } ], "eventsItem":[ { @@ -64,6 +68,26 @@ ] } ] - } + }, + { + "id":2, + "title":"AiDA X SFT AI Fashion Award 2024", + "imgUrl": "/image/events/Fashion-Award-2024.png", + "textList":[ + { + "paragraph":[ + { + "text":"With the aim of inspiring students to innovate in fashion design using AI, Code-Create and The Hong Kong Polytechnic University School of Fashion and Textiles (SFT) have jointly launched the 'AiDA X SFT AI Fashion Award 2024'. This competition provides students with valuable practical AiDA experience, laying the foundation for the future fashion design industry and positioning them as pioneers in AI fashion." + } + ] + },{ + "paragraph":[ + { + "text":"The competition is open to all SFT students, with the winners having the chance to win cash prizes (up to 20,000 HKD), internship opportunity at BESFXXK (will work with the renowned designer, Mr Jae Hyuk Lim, for the BESFXXK collection, that will be featured at NY Fashion Week and Paris Fashion Week) and more surprises! Scan the QR code to learn more." + } + ] + } + ] + } ] } \ No newline at end of file diff --git a/src/assets/json/events_cn.json b/src/assets/json/events_cn.json index de68ff11..ce253a69 100644 --- a/src/assets/json/events_cn.json +++ b/src/assets/json/events_cn.json @@ -4,6 +4,10 @@ "id": 1, "title":"什么?只要发布设计作品就有机会来香港与大佬面对面交流?!", "imgUrl": "/image/events/workshop-Cn.jpg" + },{ + "id": 2, + "title":"AiDA X SFT AI时尚设计比赛2024", + "imgUrl": "/image/events/Fashion-Award-2024.png" } ], "eventsItem":[ @@ -64,6 +68,26 @@ ] } ] + }, + { + "id":2, + "title":"AiDA X SFT AI时尚设计比赛2024", + "imgUrl": "/image/events/Fashion-Award-2024.png", + "textList":[ + { + "paragraph":[ + { + "text":"秉承着激发学生使用AI进行时尚设计的创新能力的初衷,Code-Create和香港理工大学时装及纺织学院(SFT)共同举办了“AiDA X SFT AI时尚设计比赛2024”让学生们在比赛中获得宝贵的AiDA实践经验,为未来的时尚设计行业打下了坚实的基础,成为时尚界的AI先锋。" + } + ] + },{ + "paragraph":[ + { + "text":" 此次比赛面向全体SFT 学生,最终获奖者将赢取丰厚奖金(最高可达2万港币),获得在BESFXXK的实习机会(将与著名设计师Lim Jae Hyuk先生合作设计BESFXXK 系列,该系列将在纽约时装周和巴黎时装周上展出)及更多惊喜哦!扫描二维码获取更多比赛信息。" + } + ] + } + ] } ] } \ No newline at end of file diff --git a/src/assets/style/style.css b/src/assets/style/style.css index 909de66a..efad4e9c 100644 --- a/src/assets/style/style.css +++ b/src/assets/style/style.css @@ -215,6 +215,7 @@ li { border: 2px solid #000; cursor: pointer; box-sizing: border-box; + white-space: nowrap; } .gallery_btn.gallery_btn_radius { border-radius: 1.4rem; @@ -716,19 +717,32 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte color: #fff; cursor: pointer; } -.generalModel_page .generalModel_table_search .generalModel_state { +.generalModel_state { position: relative; display: flex; align-items: center; width: auto; flex-wrap: wrap; } -.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item { +.generalModel_state .generalModel_state_item { display: flex; align-items: center; margin-right: 5rem; } -.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item > span { +.generalModel_state .generalModel_state_item > input { + height: 2.5rem !important; + border-radius: 4rem; + padding: 2rem !important; + box-sizing: content-box; + background-color: #f3f3f3; + width: calc(100% - 4rem); + font-size: 1.8rem; + transition: all 0.3s; +} +.generalModel_state .generalModel_state_item > input:hover { + border: 1px solid; +} +.generalModel_state .generalModel_state_item > span { font-size: 2rem; font-weight: 400; color: #030303; @@ -738,31 +752,35 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte min-width: 5rem; text-align: left; } -.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-picker-range, -.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-select-selector { - height: 2.5rem; +.generalModel_state .generalModel_state_item .ant-picker-range, +.generalModel_state .generalModel_state_item .ant-select-selector, +.generalModel_state .generalModel_state_item .range_picker { + height: 2.5rem !important; border-radius: 4rem; - padding: 2rem; + padding: 2rem !important; box-sizing: content-box; background-color: #f3f3f3; width: calc(100% - 4rem); } -.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-select-lg { - font-size: 14px; +.generalModel_state .generalModel_state_item .ant-picker-input > input { + font-size: 1.8rem; } -.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-select-lg .ant-select-selector .ant-select-selection-item { +.generalModel_state .generalModel_state_item .ant-select-lg { + font-size: 1.8rem; +} +.generalModel_state .generalModel_state_item .ant-select-lg .ant-select-selector .ant-select-selection-item { height: 100%; display: flex; align-items: center; } -.generalModel_page .generalModel_table_search .generalModel_state .generalModel_current { +.generalModel_state .generalModel_current { background: #fff; width: 100%; display: flex; align-items: center; justify-content: space-between; } -.generalModel_page .generalModel_table_search .generalModel_state .header_user_content { +.generalModel_state .header_user_content { position: absolute; border: 2px solid; border-radius: 1rem; @@ -773,14 +791,14 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte display: none; margin-left: -2rem; } -.generalModel_page .generalModel_table_search .generalModel_state .header_user_content .username { +.generalModel_state .header_user_content .username { padding: 0 2rem; color: #000; } -.generalModel_page .generalModel_table_search .generalModel_state .header_user_content .username:hover { +.generalModel_state .header_user_content .username:hover { background: #e1e1e1; } -.generalModel_page .generalModel_table_search .generalModel_state .header_user_content.active { +.generalModel_state .header_user_content.active { display: block; } .generalModel { @@ -1057,7 +1075,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte top: 6rem; } .ant-modal-confirm-btns .ant-btn:hover { - color: #39215b !important; + color: #fff !important; border-color: #39215b !important; } .ant-modal-confirm-btns .ant-btn-primary { @@ -1288,7 +1306,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte .admin_page .admin_table_search .admin_state .header_user_content.active { display: block; } -.admin_page .admin_table_content { +.admin_table_content { margin-top: 2.6rem; width: 100%; height: calc(100% - 13.7rem); @@ -1297,65 +1315,65 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte border-radius: 2rem; overflow: hidden; } -.admin_page .admin_table_content .ant-table { +.admin_table_content .ant-table { background: transparent; } -.admin_page .admin_table_content .ant-table-body { +.admin_table_content .ant-table-body { overflow-y: auto !important; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } -.admin_page .admin_table_content .ant-table-body::-webkit-scrollbar { +.admin_table_content .ant-table-body::-webkit-scrollbar { width: 0 !important; } -.admin_page .admin_table_content .ant-table-body::-webkit-scrollbar-horizontal { +.admin_table_content .ant-table-body::-webkit-scrollbar-horizontal { height: 2px !important; width: 2px !important; } -.admin_page .admin_table_content .ant-table-body::-webkit-scrollbar-thumb:horizontal { +.admin_table_content .ant-table-body::-webkit-scrollbar-thumb:horizontal { background-color: #8a8a8a; /* 水平滚动条手柄颜色 */ border-radius: 5px; } -.admin_page .admin_table_content .ant-table-body::-webkit-scrollbar-track:horizontal { +.admin_table_content .ant-table-body::-webkit-scrollbar-track:horizontal { background-color: #f1f1f1; /* 水平滚动条轨道颜色 */ } -.admin_page .admin_table_content .ant-table-thead > tr > th { +.admin_table_content .ant-table-thead > tr > th { background: #ffffff; border-bottom: none; } -.admin_page .admin_table_content .ant-table-tbody > tr > td { +.admin_table_content .ant-table-tbody > tr > td { border: none; background: #fff; } -.admin_page .admin_table_content .operate_list { +.admin_table_content .operate_list { display: flex; align-items: center; justify-content: space-between; padding: 0 1rem; } -.admin_page .admin_table_content .operate_list .operate_item { +.admin_table_content .operate_list .operate_item { font-size: 1.4rem; font-family: Roboto; font-weight: 400; color: #343579; cursor: pointer; } -.admin_page .admin_table_content .ant-table-tbody > tr:hover > td { +.admin_table_content .ant-table-tbody > tr:hover > td { background: #cacaca; } -.admin_page .admin_table_content .ant-table-pagination-right { +.admin_table_content .ant-table-pagination-right { padding-right: 3.5rem; } -.admin_page .admin_table_content .operate_list { +.admin_table_content .operate_list { display: flex; align-items: center; justify-content: space-between; padding: 0 1rem; justify-content: center; } -.admin_page .admin_table_content .operate_list .operate_item { +.admin_table_content .operate_list .operate_item { font-size: 1.4rem; font-family: Roboto; font-weight: 400; @@ -1878,6 +1896,71 @@ textarea:focus { top: 0rem; border: 1px solid #dcdfe6; } +.collection_modal_body .input_border .generage_btn_box, +.design_detail_modal_component .input_border .generage_btn_box, +.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 { + position: relative; + display: flex; + align-items: center; +} +.collection_modal_body .input_border .generage_btn_box .icon-xiala, +.design_detail_modal_component .input_border .generage_btn_box .icon-xiala, +.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 { + margin-left: 1rem; + transition: all 0.3s; + cursor: pointer; +} +.collection_modal_body .input_border .generage_btn_box .icon-xiala.active, +.design_detail_modal_component .input_border .generage_btn_box .icon-xiala.active, +.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 { + transform: rotate(180deg); +} +.collection_modal_body .input_border .generage_btn_box .content, +.design_detail_modal_component .input_border .generage_btn_box .content, +.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 { + position: absolute; + top: 100%; + width: calc(100% - 2rem); + left: 2rem; + text-align: center; + border-radius: calc(1rem*1.2); + overflow: hidden; + z-index: 3; + margin-top: 0.2rem; +} +.collection_modal_body .input_border .generage_btn_box .content > div, +.design_detail_modal_component .input_border .generage_btn_box .content > div, +.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 { + background: #cccccc; + line-height: 2; + cursor: pointer; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.collection_modal_body .input_border .generage_btn_box .content > div:hover, +.design_detail_modal_component .input_border .generage_btn_box .content > div:hover, +.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 { + background: #999999; +} .collection_modal_body .input_border .generage_btn, .design_detail_modal_component .input_border .generage_btn, .library_page .input_border .generage_btn, @@ -1885,6 +1968,7 @@ textarea:focus { .accountEdit_page .input_border .generage_btn, .generalMenu_printModel_upload .input_border .generage_btn { margin-left: 2rem; + display: flex; } .hideChecked { user-select: none; diff --git a/src/assets/style/style.less b/src/assets/style/style.less index 832b83d8..e2fefa50 100644 --- a/src/assets/style/style.less +++ b/src/assets/style/style.less @@ -220,6 +220,7 @@ input:focus{ border: 2px solid #000; cursor: pointer; box-sizing: border-box; + white-space: nowrap; &.gallery_btn_radius{ border-radius: 1.4rem; } @@ -780,77 +781,95 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte cursor: pointer; } } - .generalModel_state { - position: relative; - display: flex; - align-items: center; - width: auto; - flex-wrap: wrap; - .generalModel_state_item{ - display: flex; - align-items: center; - margin-right: 5rem; - >span{ - font-size: 2rem; - font-weight: 400; - color: #030303; - margin-right: 15px; - flex-shrink: 0; - display: block; - min-width: 5rem; - text-align: left; - } - .ant-picker-range,.ant-select-selector{ - height: 2.5rem; - border-radius: 4rem; - padding: 2rem; - box-sizing: content-box; - background-color: #f3f3f3; - width: calc(100% - 4rem); - } - .ant-select-lg{ - font-size: 14px; - .ant-select-selector{ - .ant-select-selection-item{ - height: 100%; - display: flex; - align-items: center; - } - } - } - } - .generalModel_current{ - background: #fff; - width: 100%; - display: flex; - align-items: center; - justify-content: space-between; - } - .header_user_content { - position: absolute; - border: 2px solid; - border-radius: 1rem; - overflow: hidden; - top: 0; - transform: translateY(6rem); - z-index: 2; - display: none; - margin-left: -2rem; - .username{ - padding: 0 2rem; - color: #000; - } - .username:hover{ - background: #e1e1e1; - } - &.active{ - display: block; + + } +} +.generalModel_state { + position: relative; + display: flex; + align-items: center; + width: auto; + flex-wrap: wrap; + .generalModel_state_item{ + display: flex; + align-items: center; + margin-right: 5rem; + >input{ + height: 2.5rem !important; + border-radius: 4rem; + padding: 2rem !important; + box-sizing: content-box; + background-color: #f3f3f3; + width: calc(100% - 4rem); + font-size: 1.8rem; + transition: all .3s; + } + >input:hover{ + border: 1px solid; + } + >span{ + font-size: 2rem; + font-weight: 400; + color: #030303; + margin-right: 15px; + flex-shrink: 0; + display: block; + min-width: 5rem; + text-align: left; + } + .ant-picker-range,.ant-select-selector,.range_picker{ + height: 2.5rem !important; + border-radius: 4rem; + padding: 2rem !important; + box-sizing: content-box; + background-color: #f3f3f3; + width: calc(100% - 4rem); + } + .ant-picker-input > input{ + font-size: 1.8rem; + } + .ant-select-lg{ + font-size: 1.8rem; + .ant-select-selector{ + .ant-select-selection-item{ + height: 100%; + display: flex; + align-items: center; } } } } -} - + .generalModel_current{ + background: #fff; + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + } + .header_user_content { + position: absolute; + border: 2px solid; + border-radius: 1rem; + overflow: hidden; + top: 0; + transform: translateY(6rem); + z-index: 2; + display: none; + margin-left: -2rem; + .username{ + padding: 0 2rem; + color: #000; + } + .username:hover{ + background: #e1e1e1; + } + &.active{ + display: block; + } + } +} + + .generalModel{//自带关闭的页面 -moz-user-select: none; -webkit-user-select: none; @@ -1158,7 +1177,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte } .ant-modal-confirm-btns{ .ant-btn:hover{ - color: #39215b !important; + color: #fff !important; border-color: #39215b !important; } .ant-btn-primary{ @@ -1403,88 +1422,88 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte } } } +} +.admin_table_content { + margin-top: 2.6rem; + width: 100%; + height: calc(100% - 13.7rem); + padding-bottom: 3rem; + background: #fff; + border-radius: 2rem; + overflow: hidden; + .ant-table { + background: transparent; + } - .admin_table_content { - margin-top: 2.6rem; - width: 100%; - height: calc(100% - 13.7rem); - padding-bottom: 3rem; + .ant-table-body { + overflow-y: auto !important; + -ms-overflow-style: none; + overflow: -moz-scrollbars-none; + &::-webkit-scrollbar { + width: 0 !important; + } + &::-webkit-scrollbar-horizontal { + height: 2px !important; + width: 2px !important; + } + &::-webkit-scrollbar-thumb:horizontal { + background-color: #8a8a8a; /* 水平滚动条手柄颜色 */ + border-radius: 5px; + } + + &::-webkit-scrollbar-track:horizontal { + background-color: #f1f1f1; /* 水平滚动条轨道颜色 */ + } + } + .ant-table-thead > tr > th { + background: #ffffff; + border-bottom: none; + // backdrop-filter: blur(1rem); + } + + .ant-table-tbody > tr > td { + border: none; background: #fff; - border-radius: 2rem; - overflow: hidden; - .ant-table { - background: transparent; - } + // color: #fff; + } + .operate_list{ + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 1rem; - .ant-table-body { - overflow-y: auto !important; - -ms-overflow-style: none; - overflow: -moz-scrollbars-none; - &::-webkit-scrollbar { - width: 0 !important; - } - &::-webkit-scrollbar-horizontal { - height: 2px !important; - width: 2px !important; - } - &::-webkit-scrollbar-thumb:horizontal { - background-color: #8a8a8a; /* 水平滚动条手柄颜色 */ - border-radius: 5px; - } - - &::-webkit-scrollbar-track:horizontal { - background-color: #f1f1f1; /* 水平滚动条轨道颜色 */ - } + .operate_item{ + font-size: 1.4rem; + font-family: Roboto; + font-weight: 400; + color: #343579; + cursor: pointer; } - .ant-table-thead > tr > th { - background: #ffffff; - border-bottom: none; - // backdrop-filter: blur(1rem); + } + .ant-table-tbody > tr { + &:hover > td { + background: rgb(202, 202, 202) } - - .ant-table-tbody > tr > td { - border: none; - background: #fff; - // color: #fff; - } - .operate_list{ - display: flex; - align-items: center; - justify-content: space-between; - padding: 0 1rem; - - .operate_item{ - font-size: 1.4rem; - font-family: Roboto; - font-weight: 400; - color: #343579; - cursor: pointer; - } - } - .ant-table-tbody > tr { - &:hover > td { - background: rgb(202, 202, 202) - } - } - .ant-table-pagination-right { - padding-right: 3.5rem; - } - .operate_list { - display: flex; - align-items: center; - justify-content: space-between; - padding: 0 1rem; - justify-content: center; - .operate_item { - font-size: 1.4rem; - font-family: Roboto; - font-weight: 400; - color: #343579; - cursor: pointer; - } + } + .ant-table-pagination-right { + padding-right: 3.5rem; + } + .operate_list { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 1rem; + justify-content: center; + .operate_item { + font-size: 1.4rem; + font-family: Roboto; + font-weight: 400; + color: #343579; + cursor: pointer; } } } + .homeMain_heade,.account_message{ .ant-badge{ width: auto; @@ -1889,9 +1908,45 @@ textarea:focus{ // color: red; // width: 100%; // } + .generage_btn_box{ + position: relative; + display: flex; + align-items: center; + .icon-xiala{ + margin-left: 1rem; + transition: all .3s; + cursor: pointer; + &.active{ + transform: rotate(180deg); + } + } + .content{ + position: absolute; + top: 100%; + width: calc(100% - 2rem); + left: 2rem; + text-align: center; + border-radius: calc(1rem* 1.2); + overflow: hidden; + z-index: 3; + margin-top: .2rem; + >div{ + background: #cccccc; + line-height: 2; + cursor: pointer; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + >div:hover{ + background: #999999; + } + } + } .generage_btn{ // margin: 0 auto; margin-left: 2rem; + display: flex; } } diff --git a/src/component/Account/account.vue b/src/component/Account/account.vue index 21f6a292..83686146 100644 --- a/src/component/Account/account.vue +++ b/src/component/Account/account.vue @@ -7,19 +7,19 @@
Please take the survey
3. Will you subscribe to AiDA 3.1?*
+3. Will you subscribe to AiDA 3.0?*