lightbox switching (modal cards) fix
This commit is contained in:
parent
9f20d34f42
commit
306c0d3f94
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
BIN
web/themes/custom/materiotheme/assets/dist/module-article.d8d77f5bb48e390b376c.bundle.js.gz
vendored
Normal file
BIN
web/themes/custom/materiotheme/assets/dist/module-article.d8d77f5bb48e390b376c.bundle.js.gz
vendored
Normal file
Binary file not shown.
|
@ -275,7 +275,7 @@
|
||||||
<img
|
<img
|
||||||
class="blank"
|
class="blank"
|
||||||
:src="blanksrc"
|
:src="blanksrc"
|
||||||
@click="setcoolLightBoxIndex(index)"
|
@click="setLightBox(index)"
|
||||||
>
|
>
|
||||||
</figure>
|
</figure>
|
||||||
</section>
|
</section>
|
||||||
|
@ -589,6 +589,10 @@ export default {
|
||||||
console.log('item', item)
|
console.log('item', item)
|
||||||
item.classList.remove('tapped')
|
item.classList.remove('tapped')
|
||||||
})
|
})
|
||||||
|
},
|
||||||
|
setLightBox(index){
|
||||||
|
this.setcoolLightBoxItems(this.material.images)
|
||||||
|
this.setcoolLightBoxIndex(index)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -31,7 +31,7 @@
|
||||||
:src="image_accroche.url"
|
:src="image_accroche.url"
|
||||||
:alt="image_accroche.alt"
|
:alt="image_accroche.alt"
|
||||||
:title="image_accroche.title"
|
:title="image_accroche.title"
|
||||||
@click="setcoolLightBoxIndex(0)"
|
@click="setLightBox(0)"
|
||||||
/>
|
/>
|
||||||
</figure>
|
</figure>
|
||||||
</section>
|
</section>
|
||||||
|
@ -68,7 +68,7 @@
|
||||||
v-for="(image, imageIndex) in lightbox_items"
|
v-for="(image, imageIndex) in lightbox_items"
|
||||||
v-if="imageIndex > 0"
|
v-if="imageIndex > 0"
|
||||||
:key="imageIndex"
|
:key="imageIndex"
|
||||||
@click="setcoolLightBoxIndex(imageIndex)"
|
@click="setLightBox(imageIndex)"
|
||||||
:style="{ backgroundImage: 'url(' + image.thumb + ')' }"
|
:style="{ backgroundImage: 'url(' + image.thumb + ')' }"
|
||||||
></div>
|
></div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -291,6 +291,10 @@ export default {
|
||||||
name:`article`,
|
name:`article`,
|
||||||
params: { alias:alias, id: pn.nid }
|
params: { alias:alias, id: pn.nid }
|
||||||
})
|
})
|
||||||
|
},
|
||||||
|
setLightBox(index){
|
||||||
|
this.setcoolLightBoxItems(this.lightbox_items)
|
||||||
|
this.setcoolLightBoxIndex(index)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
|
Loading…
Reference in New Issue