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

2023-11-13-dist

Browse Source
This commit is contained in:
X1627315083
2023-11-13 09:52:57 +08:00
parent 1298a3051e
commit 6cad540fbb
40 changed files with 360 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,14 +4,14 @@
<!-- <div class="img_block_item" v-if="allBoardData?.moodTemplateId">
<MoodTemplate :fileList="allBoardData?.moodboardFiles" :moodTemplateId="allBoardData?.moodTemplateId"></MoodTemplate>
</div> -->
<div class="img_block_item" v-if="allBoardData?.disposeMoodboard?.length != 0 && allBoardData?.disposeMoodboard?.[0] != null">
<div v-show="exportNav[0].change" class="img_block_item" v-if="allBoardData?.disposeMoodboard?.length != 0 && allBoardData?.disposeMoodboard?.[0] != null">
<div v-for="(mood) in allBoardData?.disposeMoodboard" :key="mood" v-show="mood?.imgUrl != ''" class="lager_img_item lager_img_disposeMoodboard" >
<div class="all_img_item_block">
<img class="all_img_content cover_img" :src="mood?.imgUrl" >
</div>
</div>
</div>
<div class="img_block_item" v-else>
<div v-show="exportNav[0].change" class="img_block_item" v-else>
<div v-for="(mood) in allBoardData?.moodboardFiles" :key="mood" v-show="mood?.imgUrl != ''" class="lager_img_item lager_img_moodboard" >
<div class="all_img_item_block">
<img class="all_img_content cover_img" :src="mood?.imgUrl" >
@@ -19,7 +19,7 @@
</div>
</div>
<div class="img_block_item">
<div v-show="exportNav[1].change" class="img_block_item">
<div class="small_img_item" v-for="(print) in allBoardData.printboardFiles" :key="print">
<div class="all_img_item_block">
<img class="all_img_content cover_img" :src="print.imgUrl">
@@ -32,7 +32,7 @@
</div>
</div>
<div class="img_block_item">
<div v-show="exportNav[2].change" class="img_block_item">
<div class="color_item" v-for="(color) in allBoardData.colorBoards" :key="color">
<div class="color_content" :style="{background:`rgb(${color?.rgbValue?.r},${color?.rgbValue?.g},${color?.rgbValue?.b})`}"></div>
<div class="color_content_body">
@@ -49,7 +49,7 @@
</div>
</div>
</div> -->
<div class="img_block_item img_block_item_sketch">
<div v-show="exportNav[3].change" class="img_block_item img_block_item_sketch">
<div class="lager_img_item" :class="'lager_img_item'+index" v-for="(item,index) in sketch" :key="item">
<div class="all_img_item_block" v-for="v in item" :key="sketch">
<img class="all_img_content" :src="v?.imgUrl">
@@ -63,19 +63,17 @@
</div>
</div>
</div>
<div class="img_block_item img_block_item_sketch_like h50">
<div v-show="exportNav[4].change" class="img_block_item img_block_item_sketch_like 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">
</div>
</div>
</div>
</div>
</template>
<script lang="ts">
import { computed, defineComponent,ref,nextTick} from 'vue'
import { computed, defineComponent,ref,nextTick, inject} from 'vue'
import MoodTemplate from '@/component/HomePage/MoodTemplate.vue'
import { useStore } from "vuex";
export default defineComponent({
@@ -86,11 +84,13 @@ export default defineComponent({
const store = useStore();
let allBoardData:any = computed(()=>{return store.state.UploadFilesModule.allBoardData})
let likeDesignCollectionList : any = computed(()=>{return store.state.HomeStoreModule.likeDesignCollectionList})
let exportNav = inject('exportNav')
return {
allBoardData,
likeDesignCollectionList,
sketch,
sketchList,
exportNav,
}
},
watch: {
@@ -103,6 +103,18 @@ export default defineComponent({
},
immediate: true
},
// 'exportNav[3].change':{
// handler(newVal:any,oldVal:any){
// console.log(1111);
// if(newVal){
// this.sketchList = []
// this.sketchList = this.allBoardData.sketchboardFiles
// this.setSketch()
// }
// },
// immediate: true
// },
},
methods: {
setSketch(){
@@ -111,6 +123,9 @@ export default defineComponent({
let sketch1:any = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item0')[0]?.getBoundingClientRect()
let sketch2:any = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item1')[0]?.getBoundingClientRect()
let sketch3:any = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item2')[0]?.getBoundingClientRect()
sketch1 = sketch1?sketch1:{}
sketch2 = sketch2?sketch2:{}
sketch3 = sketch3?sketch3:{}
sketch1.num = 0
sketch2.num = 1
sketch3.num = 2
@@ -265,17 +280,21 @@ export default defineComponent({
&.img_block_item_sketch_like{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
justify-content: flex-start;
>div{
width: 45%;
height: 25rem;
}
}
&.h50{
.lager_img_item{
height: 50rem;
// width: 45%;
width: calc(100%/4.5);
margin-right: 2.5%;
margin-bottom: 2.5%;
height: auto;
// height: 25rem;
}
}
// &.h50{
// .lager_img_item{
// height: 50rem;
// }
// }
}
}