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

commit

Browse Source
This commit is contained in:
WangXiaoDong
2023-09-25 10:09:00 +08:00
parent 173f35042d
commit d9868d5cf0
37 changed files with 1618 additions and 1146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,21 +5,28 @@
<!-- <div class="img_block_item" v-if="allBoardData?.moodTemplateId">
<MoodTemplate :fileList="allBoardData?.moodboardFiles" :moodTemplateId="allBoardData?.moodTemplateId"></MoodTemplate>
</div> -->
<div class="img_block_item">
<div class="lager_img_item lager_img_disposeMoodboard" v-for="(mood) in allBoardData.disposeMoodboard" :key="mood">
<div 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" >
<img class="all_img_content cover_img" :src="mood?.imgUrl" >
</div>
</div>
</div>
<div 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" >
</div>
</div>
</div>
<div class="img_block_item">
<div class="small_img_item" v-for="(print) in allBoardData.printboardFiles" :key="print">
<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">
<img class="all_img_content cover_img" :src="print?.imgUrl">
</div>
</div>
<div class="small_img_item" v-for="(generate) in allBoardData.generatePrintFiles" :key="generate">
<div class="small_img_item" v-for="(generate) in allBoardData?.generatePrintFiles" :key="generate">
<div class="all_img_item_block">
<img class="all_img_content cover_img" :src="generate.imgUrl">
</div>
@@ -27,7 +34,7 @@
</div>
<div class="img_block_item">
<div class="color_item" v-for="(color) in allBoardData.colorBoards" :key="color">
<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},${color?.rgbValue?.a})`}"></div>
<div class="color_content_body">
<div class="color_des">{{color.tcx}}</div>
@@ -63,7 +70,6 @@ export default defineComponent({
setup() {
const store = useStore();
let allBoardData:any = computed(()=>{
console.log(store.state.UploadFilesModule.allBoardData,"===============")
return store.state.UploadFilesModule.allBoardData})
return {
allBoardData,
@@ -75,9 +81,11 @@ export default defineComponent({
</script>
<style lang="less" scoped>
.collection_review{
width: 40.8rem;
// width: 40.8rem;
width: 100%;
background: #fff;
position: relative;
.collection_review_mark{
position: absolute;
@@ -86,15 +94,14 @@ export default defineComponent({
width: 100%;
height: 100%;
z-index: 2;
}
.img_block_item{
margin-bottom: 2rem;
// &.color_block_item{
// padding: 0 0.5rem 0 0.3rem;
// }
.lager_img_item{
display: inline-block;
width: 20.4rem;
@@ -104,6 +111,11 @@ export default defineComponent({
width: 100%;
height: auto;
}
&.lager_img_moodboard{
height: 17rem;
img{
}
}
}
.sketch_img_item{
@@ -147,7 +159,7 @@ export default defineComponent({
font-weight: 500;
color: #000000;
margin-bottom: 0.5rem;
line-height: 1.3rem;
line-height: 1;
width: 100%;
overflow: hidden;
white-space: nowrap;