encrypt/gancio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

use normal img with loading=lazy and

Browse Source
This commit is contained in:
lesion
2021-12-02 12:43:53 +01:00
parent 1c45adc684
commit 7059c6c337
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/Event.vue
View File

@@ -1,7 +1,7 @@
<template lang="pug"> <template lang="pug">
v-card.h-event.event.d-flex v-card.h-event.event.d-flex
nuxt-link(:to='`/event/${event.slug || event.id}`') nuxt-link(:to='`/event/${event.slug || event.id}`')
v-img.u-featured.img(aspect-ratio='1.7778' :src='thumbnail' :position='thumbnailPosition' :alt='event.media && event.media.length ? event.media[0].name : ""') img.img.u-featured(:src='thumbnail' :alt='alt' loading='lazy' :style="{ 'object-position': thumbnailPosition }")
v-icon.float-right.mr-1(v-if='event.parentId' color='success') mdi-repeat v-icon.float-right.mr-1(v-if='event.parentId' color='success') mdi-repeat
.title.p-name {{event.title}} .title.p-name {{event.title}}
@@ -17,7 +17,7 @@
v-menu(offset-y) v-menu(offset-y)
template(v-slot:activator="{on}") template(v-slot:activator="{on}")
v-btn.align-self-end(icon v-on='on' color='primary') v-btn.align-self-end(icon v-on='on' color='primary' alt='more')
v-icon mdi-dots-vertical v-icon mdi-dots-vertical
v-list(dense) v-list(dense)
v-list-item-group v-list-item-group
@@ -61,6 +61,9 @@ export default {
} }
return path return path
}, },
alt () {
return this.event.media && this.event.media.length ? this.event.media[0].name : ''
},
thumbnailPosition () { thumbnailPosition () {
if (this.event.media && this.event.media.length && this.event.media[0].focalpoint) { if (this.event.media && this.event.media.length && this.event.media[0].focalpoint) {
const focalpoint = this.event.media[0].focalpoint const focalpoint = this.event.media[0].focalpoint