web-development/onmyoji-deck-builder
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

adding latest

Browse Source
This commit is contained in:
Daniel Tomlinson
2021-03-17 02:00:58 +00:00
parent 2633818cfd
commit 1c915634b4
6 changed files with 43 additions and 1299 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/views/DeckBuilder.vue
View File

@@ -34,7 +34,9 @@
color="#070042"
>
<v-avatar size="90" left>
<v-img :src="data.item.avatar"></v-img>
<v-img
:src="require(`@/assets/avatars/${data.item.avatar}`)"
></v-img>
</v-avatar>
{{ data.item.name }}
</v-chip>
@@ -42,7 +44,7 @@
<template v-slot:item="data">
<template>
<v-list-item-avatar>
<img :src="data.item.avatar" />
<img :src="require(`@/assets/avatars/${data.item.avatar}`)" />
</v-list-item-avatar>
<v-list-item-content>
<v-list-item-title v-html="data.item.name"></v-list-item-title>
@@ -54,27 +56,29 @@
</template>
</v-select>
</v-col>
selected_shikigami_names: {{ selected_shikigami_names }} <br />
<!-- selected_shikigami_names: {{ selected_shikigami_names }} <br />
selected_shikigami_data: {{ selected_shikigami_data }} <br />
selected_shikigami_decks: {{ selected_shikigami_decks }}
selected_shikigami_decks: {{ selected_shikigami_decks }} -->
</v-row>
<v-row v-for="(_, index) in selected_shikigami_names" :key="index">
<v-card elevation="2" width="100%" class="py-4" flat tile color="#070042">
<v-card elevation="2" width="100%" class="pa-3" flat tile color="#070042">
<v-row>
<v-col cols="2">
<div cols="12">
<div cols="12" class="text-h5 text-center">
{{ `${selected_shikigami_data[index].name}` }}
<!-- {{ `${selected_shikigami_data[index].name}` }} -->
</div>
<div cols="12">
<v-img
:src="`${selected_shikigami_data[index].avatar}`"
aspect-ratio="1"
:src="
require(`@/assets/avatars/${selected_shikigami_data[index].avatar}`)
"
width="100%"
></v-img>
</div>
<div cols="12">
{{ index }}
<!-- {{ index }} -->
{{selected_shikigami_decks[index][index].length}}
<v-select
v-model="selected_shikigami_decks[index][index]"
v-on:input="limit_decks"
@@ -87,18 +91,21 @@
persistent-hint
return-object
>
<template v-slot:selection="data">
<template v-slot:selection="{data, pos}">
<v-chip
v-if="pos === 0"
v-bind="data.attrs"
:input-value="data.selected"
close
label
x-small
@click="data.select"
@click:close="remove_decks(index, data.index)"
color="#04002E"
>{{ data.item.name }}</v-chip
></template
>
<span v-if="pos === 1" class="grey--text caption">
(+{{ selected_shikigami_decks[index][index].length - 1 }} others)
</span></template
>
</v-select>
</div>
@@ -113,9 +120,10 @@
v-for="i in selected_shikigami_decks[index][index]"
:key="i.id"
width="12.4%"
color="#070042"
>
<div class="text-center">
{{ i.name }}
<!-- {{ i.name }} -->
</div>
<v-img
:src="require(`@/assets/deck_of_cards/${i.url}`)"