Card Image lazy load
This commit is contained in:
parent
310f08dc39
commit
4c32aaf1b5
1 changed files with 12 additions and 2 deletions
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<v-list-tile avatar>
|
||||
<v-tooltip bottom>
|
||||
<v-tooltip @input="booted = true" bottom>
|
||||
<template v-slot:activator="{ on }">
|
||||
<v-list-tile-avatar :color="color" v-on="on">
|
||||
<span class="headline font-weight-bold white--text">
|
||||
|
@ -8,7 +8,13 @@
|
|||
</span>
|
||||
</v-list-tile-avatar>
|
||||
</template>
|
||||
<v-img :src="ffiurl" :height="300" :width="0.715 * 300" contain />
|
||||
<v-img
|
||||
v-if="booted"
|
||||
:src="ffiurl"
|
||||
:height="300"
|
||||
:width="0.715 * 300"
|
||||
contain
|
||||
/>
|
||||
</v-tooltip>
|
||||
|
||||
<v-list-tile-content>
|
||||
|
@ -32,6 +38,10 @@ export default {
|
|||
dbentry: Object
|
||||
},
|
||||
|
||||
data: () => ({
|
||||
booted: false
|
||||
}),
|
||||
|
||||
computed: {
|
||||
color() {
|
||||
switch (this.dbentry.element.toLowerCase()) {
|
||||
|
|
Reference in a new issue