-
-
-
![]()
-
-
-
-
-
-
-
- {{item.portfolioName}}
-
-
-
+
+
+
-
-
-
@@ -73,10 +41,21 @@ import newScaleImage from "@/component/WorksPage/newScaleImage.vue";
import { useI18n } from "vue-i18n";
import { ElCascader } from 'element-plus'
import { remove } from "jszip";
+import generalMenu from "@/component/HomePage/generalMenu.vue";
+
+import Falls from "@/component/WorksPage/Falls.vue";
export default defineComponent({
components: {
newScaleImage,
+ Falls,
+ generalMenu,
},
+ props:{
+ isScroll:{
+ type:Boolean,
+ default:true,
+ },
+ },
setup() {
let filter:any = reactive({
worksSelect: 'all',
@@ -93,101 +72,121 @@ export default defineComponent({
name: 'freehand sketching',
value: 'freehandSketching'
},
+ {
+ name: 'My Works',
+ value: 'myWorks'
+ },
],
worksList: [
{
- imgUrl: 'https://www.minio.aida.com.hk:9000/aida-users/83/print/296f19da-bd0c-11ee-9529-b48351119060_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20240507%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240507T072105Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=befcc3f0e0c4c258595df3722d59fbeb6e09cbbf3510b8167a1c56efa5a354ad',
+ designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/2.png',
+ text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
name:'bbb',
lookNum:'999',
likeNum:'123',
like: true,
},
{
- imgUrl: 'https://cdn.dribbble.com/userupload/14355607/file/original-930ddf037011f7acd6bd810a5cb6f0fc.jpg?resize=450x338&vertical=center',
+ designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
+ text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
name:'aaa',
lookNum:'213',
likeNum:'123',
like: false,
},{
- imgUrl: 'https://cdn.dribbble.com/userupload/14355607/file/original-930ddf037011f7acd6bd810a5cb6f0fc.jpg?resize=450x338&vertical=center',
+ designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
+ text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
name:'aaa',
lookNum:'213',
likeNum:'123',
like: false,
},{
- imgUrl: 'https://cdn.dribbble.com/userupload/14355607/file/original-930ddf037011f7acd6bd810a5cb6f0fc.jpg?resize=450x338&vertical=center',
+ designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
+ text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
name:'aaa',
lookNum:'213',
likeNum:'123',
like: false,
},{
- imgUrl: 'https://www.minio.aida.com.hk:9000/aida-users/83/print/296f19da-bd0c-11ee-9529-b48351119060_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20240507%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240507T072105Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=befcc3f0e0c4c258595df3722d59fbeb6e09cbbf3510b8167a1c56efa5a354ad',
+ designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/2.png',
+ text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
name:'aaa',
lookNum:'213',
likeNum:'123',
like: false,
},{
- imgUrl: 'https://www.minio.aida.com.hk:9000/aida-users/83/print/296f19da-bd0c-11ee-9529-b48351119060_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20240507%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240507T072105Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=befcc3f0e0c4c258595df3722d59fbeb6e09cbbf3510b8167a1c56efa5a354ad',
+ designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/2.png',
+ text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
name:'bbb',
lookNum:'999',
likeNum:'123',
like: true,
},{
- imgUrl: 'https://cdn.dribbble.com/userupload/14368520/file/original-253a09d85fc1d5ff83c96c046d535ff7.jpg?resize=450x338&vertical=center',
+ designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/11.png',
+ text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
name:'bbb',
lookNum:'999',
likeNum:'123',
like: true,
},{
- imgUrl: 'https://cdn.dribbble.com/userupload/14355607/file/original-930ddf037011f7acd6bd810a5cb6f0fc.jpg?resize=450x338&vertical=center',
+ designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
+ text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
name:'aaa',
lookNum:'213',
likeNum:'123',
like: false,
},{
- imgUrl: 'https://cdn.dribbble.com/userupload/14355607/file/original-930ddf037011f7acd6bd810a5cb6f0fc.jpg?resize=450x338&vertical=center',
+ designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
+ text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
name:'aaa',
lookNum:'213',
likeNum:'123',
like: false,
},{
- imgUrl: 'https://cdn.dribbble.com/userupload/14355607/file/original-930ddf037011f7acd6bd810a5cb6f0fc.jpg?resize=450x338&vertical=center',
+ designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
+ text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
name:'aaa',
lookNum:'213',
likeNum:'123',
like: false,
},{
- imgUrl: 'https://cdn.dribbble.com/userupload/14355607/file/original-930ddf037011f7acd6bd810a5cb6f0fc.jpg?resize=450x338&vertical=center',
+ designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
+ text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
name:'aaa',
lookNum:'213',
likeNum:'123',
like: false,
},{
- imgUrl: 'https://cdn.dribbble.com/userupload/14355607/file/original-930ddf037011f7acd6bd810a5cb6f0fc.jpg?resize=450x338&vertical=center',
+ designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
+ text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
name:'aaa',
lookNum:'213',
likeNum:'123',
like: false,
},{
- imgUrl: 'https://cdn.dribbble.com/userupload/14355607/file/original-930ddf037011f7acd6bd810a5cb6f0fc.jpg?resize=450x338&vertical=center',
+ designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
+ text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
name:'aaa',
lookNum:'213',
likeNum:'123',
like: false,
},{
- imgUrl: 'https://cdn.dribbble.com/userupload/14355607/file/original-930ddf037011f7acd6bd810a5cb6f0fc.jpg?resize=450x338&vertical=center',
+ designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
+ text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
name:'aaa',
lookNum:'213',
likeNum:'123',
like: false,
},{
- imgUrl: 'https://www.minio.aida.com.hk:9000/aida-results/result_eabc59d4-110a-11ef-bb36-0242ac160002.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20240514%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240514T093050Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=64f2098d15a2ebf5883946c472bbeecaed1a443c618e1f15d92f44b97cb63542',
+ designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/1.png',
+ text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
name:'aaa',
lookNum:'213',
likeNum:'123',
like: false,
},{
- imgUrl: 'https://cdn.dribbble.com/userupload/14355607/file/original-930ddf037011f7acd6bd810a5cb6f0fc.jpg?resize=450x338&vertical=center',
+ designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
+ text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
name:'aaa',
lookNum:'213',
likeNum:'123',
@@ -198,9 +197,36 @@ export default defineComponent({
page:1,
size:10,
},
- isShowMark:false
+ isShowMark:false,
+ isNoData:false,//如果数据为空就不加载
+ })
+ let menuList:any = ref([
+ {
+ label:'全部',
+ value:'all',
+ },{
+ label:'男装',
+ value:'man',
+ },{
+ label:'女装',
+ value:'woman',
+ },{
+ label:'鞋子',
+ value:'shoes',
+ },{
+ label:'包包',
+ value:'bag',
+ },{
+ label:'配饰',
+ value:'accessories',
+ }
+ ])
+ let selectMenu:any = ref({
+ label:'全部',
+ value:'all',
})
let newScaleImage:any = ref()
+ let fall:any = ref()
let setWorksSelect = (val:any) => {
filter.worksSelect = val.value
}
@@ -211,25 +237,49 @@ export default defineComponent({
newScaleImage.value.init(filter.worksList,index)
}
let getPorfolio = ()=>{
- let data = filter.getListDate
- Https.axiosPost(Https.httpUrls.getPorfolio, data)
- .then((rv) => {
- console.log(rv);
- filter.worksList = rv.content
- })
- .catch((rv) => {});
+ // let data = filter.getListDate
+ // Https.axiosPost(Https.httpUrls.getPorfolio, data)
+ // .then((rv) => {
+ // console.log(rv);
+ // filter.worksList = rv.content
+ // })
+ // .catch((rv) => {});
+ if(filter.isShowMark && !filter.isNoData)return
+ filter.isShowMark = true
+ setTimeout(() => {
+ filter.isShowMark = false
+ fall.value.push(filter.worksList);
+ }, 1000);
}
let {t} = useI18n()
+ let setprintModel= (data:any)=>{
+ selectMenu.value = data
+ }
onMounted (()=>{
getPorfolio()
+ let worksPage:any = document.querySelector('.works_page')
+ let imgParent:any = document.querySelector('.page_loading')
+ new IntersectionObserver(
+ (entries, observer) => {
+ // 如果不是相交，则直接返回
+ // console.log(entries[0]);
+ if (!entries[0].intersectionRatio) return;
+ getPorfolio()
+ },
+ // { root:worksPage }
+ ).observe(imgParent);
})
return {
...toRefs(filter),
+ menuList,
+ selectMenu,
newScaleImage,
+ fall,
setWorksSelect,
likeFile,
getImgScale,
t,
+ setprintModel,
}
},
data() {
@@ -273,14 +323,20 @@ export default defineComponent({
font-size: 14px;
}
.works_page {
+ border-radius: 4rem;
width: 100%;
- overflow: hidden;
- height: 100%;
+ // overflow: hidden;
+ // height: 100%;
+ height: auto;
padding: 0 9rem;
// min-width: 1440px;
position: relative;
+ padding-top: 5rem;
+
.modal_title_text{
display: flex;
+ margin: 0;
+ padding-bottom: 2.4rem;
.modal_title_text_assistant{
padding: 1rem 3rem;
border-radius: 2rem;
@@ -295,84 +351,36 @@ export default defineComponent({
background: #39215b;
color: #fff;
}
+ .modal_search_menu{
+ margin-left: auto;
+ z-index: 10;
+ .generalMenu_printModel{
+ margin-right: 0;
+ }
+ }
}
.page_content {
position: relative;
- display: flex;
- flex-wrap: wrap;
- overflow-y: auto;
- height: 125rem;
- align-content: flex-start;
- .page_content_item{
- display: flex;
- flex-direction: column;
- margin-right: 4rem;
- margin-bottom: 4rem;
- width: 30rem;
- }
- .page_content_item_text,.page_content_item_img{
- display: flex;
- }
- .page_content_item_img{
- width: 30rem;
- height: 30rem;
- overflow: hidden;
- padding: 2rem 0;
- justify-content: center;
- border-radius: 2rem;
- position: relative;
- img{
- // width: 100%;
- cursor: pointer;
- max-height: 100%;
- object-fit: cover;
- transform: scale(1.15);
- transition: all 0.5s;
- }
- .delete_like_file_block{
- cursor: pointer;
- }
- &:hover{
- .delete_like_file_block{
- display: block;
- }
- img{
- transform: scale(1);
- }
- }
- }
- .page_content_item_text{
- justify-content: space-between;
- align-items: center;
- >div{
- font-size: 2rem;
- }
- .page_content_item_text_name{
- width: 30%;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .page_content_item_text_bottom{
- width: 70%;
- display: flex;
- align-items: center;
- justify-content: flex-end;
- >div{
- display: flex;
- align-items: center;
- font-size: 2rem;
- margin-right: 1rem;
- i{
- display: flex;
- font-size: 2rem;
- }
- span{
- margin-left: calc(var(--padding) / 2);
- }
- }
+ height: auto;
+ background: #f7f8fa;
+ .page_loading_box{
+ text-align: center;
+ .page_loading{
+ display: block;
+ width: 20px;
+ height: 20px;
}
}
}
+ &.active{
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ .page_content{
+ overflow-y: auto;
+ width: 100%;
+ }
+ }
+
}
\ No newline at end of file
diff --git a/src/views/HomeView/library.vue b/src/views/HomeView/library.vue
index d6ad5c5c..316ba9e1 100644
--- a/src/views/HomeView/library.vue
+++ b/src/views/HomeView/library.vue
@@ -16,7 +16,7 @@
{{menu.title}}
+ 
+ 
+