Card Images
This commit is contained in:
parent
126f800111
commit
310f08dc39
1 changed files with 23 additions and 4 deletions
|
@ -1,12 +1,19 @@
|
||||||
<template>
|
<template>
|
||||||
<v-list-tile avatar>
|
<v-list-tile avatar>
|
||||||
<v-list-tile-avatar :color="color">
|
<v-tooltip bottom>
|
||||||
<span class="headline font-weight-bold white--text">{{ dbentry.cost }}</span>
|
<template v-slot:activator="{ on }">
|
||||||
|
<v-list-tile-avatar :color="color" v-on="on">
|
||||||
|
<span class="headline font-weight-bold white--text">
|
||||||
|
{{ dbentry.cost }}
|
||||||
|
</span>
|
||||||
</v-list-tile-avatar>
|
</v-list-tile-avatar>
|
||||||
|
</template>
|
||||||
|
<v-img :src="ffiurl" :height="300" :width="0.715 * 300" contain />
|
||||||
|
</v-tooltip>
|
||||||
|
|
||||||
<v-list-tile-content>
|
<v-list-tile-content>
|
||||||
<v-list-tile-title class="body-2">{{ dbentry.name }}</v-list-tile-title>
|
<v-list-tile-title class="body-2">{{ dbentry.name }}</v-list-tile-title>
|
||||||
<v-list-tile-sub-title>{{ serial }}</v-list-tile-sub-title>
|
<v-list-tile-sub-title>{{ full_serial }}</v-list-tile-sub-title>
|
||||||
</v-list-tile-content>
|
</v-list-tile-content>
|
||||||
|
|
||||||
<v-list-tile-avatar>
|
<v-list-tile-avatar>
|
||||||
|
@ -46,6 +53,18 @@ export default {
|
||||||
default:
|
default:
|
||||||
return '#333'
|
return '#333'
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
full_serial() {
|
||||||
|
return this.serial + this.dbentry.rarity[0]
|
||||||
|
},
|
||||||
|
|
||||||
|
ffiurl() {
|
||||||
|
return (
|
||||||
|
'https://fftcg.square-enix-games.com/theme/tcg/images/cards/full/' +
|
||||||
|
this.full_serial +
|
||||||
|
'_eg.jpg'
|
||||||
|
)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Reference in a new issue