aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

初代测试版本

Browse Source
This commit is contained in:
X1627315083
2023-10-12 17:09:05 +08:00
parent 268ffecff7
commit 76315492ad
14 changed files with 267 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/component/HomePage/ExportNewCoolection.vue
View File

@@ -42,8 +42,8 @@
</div>
</div>
<div class="img_block_item">
<div class="lager_img_item" v-for="(skecth) in allBoardData.skecthboardFiles" :key="skecth">
<div class="img_block_item img_block_item_sketch">
<div class="lager_img_item" v-for="(skecth) in allBoardData.sketchboardFiles" :key="skecth">
<div class="all_img_item_block">
<img class="all_img_content" :src="skecth.imgUrl">
</div>
@@ -58,7 +58,7 @@
</div>
</div>
<div class="img_block_item">
<div class="img_block_item img_block_item_sketch h50">
<div class="lager_img_item" v-for="(design) in likeDesignCollectionList" :key="design.designItemUrl">
<div class="all_img_item_block">
<img class="all_img_content" :src="design.designItemUrl">
@@ -188,6 +188,20 @@ export default defineComponent({
}
}
}
&.img_block_item_sketch{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
>div{
width: 45%;
height: 25rem;
}
}
&.h50{
.lager_img_item{
height: 50rem;
}
}
}
}

78
src/component/HomePage/Material.vue
View File

@@ -61,9 +61,9 @@
</div>
</div>
</div>
<!-- <div v-if="selectCode == 'Sketchboard' || selectCode == 'Printboard'" class="pin_block">
<div v-if="selectCode == 'Sketchboard' || selectCode == 'Printboard'" class="pin_block">
<a-checkbox v-model:checked="item.pin">PIN</a-checkbox>
</div> -->
</div>
</div>
<div v-show="total > imgList.length" class="material_content_list_loding" v-observe>
<img src="@/assets/images/homePage/loading.gif" alt="">
@@ -131,25 +131,25 @@ export default defineComponent({
directives:{
observe:{
mounted (el,binding) {
el.addEventListener('click',()=>{
// console.log(binding.instance);
const ob = new IntersectionObserver(callback,{
root:null,
threshold:[0.1]
})
ob.observe(el)
// this.currentPage = 1
// this.pageSize = 12
let this_:any = binding.instance
function callback(entries:any, observer:any) {
entries.forEach((entry:any) => {
if (entry.isIntersecting) {
this_.getLibraryList()
} else {
}
});
}
},
// updated (el,model){
// if(model.value){
// el.style.display="block"
// setTimeout(() => {
// el.classList.add("active")
// }, 100);
// }else{
// el.classList.remove("active")
// setTimeout(() => {
// el.style.display="none"
// }, 100);
// }
// }
},
},
computed: {
getSketchLabel(value:any) {
@@ -178,26 +178,26 @@ export default defineComponent({
this.workspaceCom = computed(()=>{
return this.store?.state?.Workspace?.workspace
})
let loding = document.getElementsByClassName("material_content_list_loding")[0]
let bodyLoding = document.getElementsByClassName("material_content_body")[0]
const ob = new IntersectionObserver(callback,{
root:null,
threshold:[0.1]
})
ob.observe(loding)
console.log(loding);
// this.currentPage = 1
// this.pageSize = 12
// let this_ = this
function callback(entries:any, observer:any) {
entries.forEach((entry:any) => {
if (entry.isIntersecting) {
console.log(111);
// this_.getLibraryList()
} else {
}
});
}
// let loding = document.getElementsByClassName("material_content_list_loding")[0]
// let bodyLoding = document.getElementsByClassName("material_content_body")[0]
// const ob = new IntersectionObserver(callback,{
// root:null,
// threshold:[0.1]
// })
// ob.observe(loding)
// console.log(loding);
// // this.currentPage = 1
// // this.pageSize = 12
// // let this_ = this
// function callback(entries:any, observer:any) {
// entries.forEach((entry:any) => {
// if (entry.isIntersecting) {
// console.log(111);
// // this_.getLibraryList()
// } else {
// }
// });
// }
},
watch:{
workspaceCom(newVal,oldVal){
@@ -303,9 +303,11 @@ export default defineComponent({
//选择所有的图片
getLibraryList(){
let workspace = this.store.state.Workspace.workspace
let data = {
level1Type:this.selectCode,
// level2Type:this.designType,
modelSex:workspace?.sex,
page:this.currentPage,
pictureName:this.searchPictureName,
size:this.pageSize+this.imgList.length,

5
src/component/HomePage/NewCollectionReview.vue
View File

@@ -197,6 +197,11 @@ export default defineComponent({
height: 25rem;
}
}
&.h30{
.lager_img_item{
height: 50rem;
}
}
}
}