1
0
mirror of https://github.com/exane/not-gwent-online synced 2024-10-31 10:36:53 +00:00

load cards

This commit is contained in:
devfake 2015-06-24 15:21:17 +02:00
parent fe0aeb33f4
commit 2c7542df2b
3 changed files with 9 additions and 4 deletions

View File

@ -13,7 +13,7 @@ module.exports = {
leaders: [],
leader: null,
factionFilter: 'Northern Realm'
factionFilter: 'northern_realm'
}
},
@ -23,6 +23,7 @@ module.exports = {
methods: {
changeDeck: function(deck) {
// todo: load animation
$('.all-cards').addClass('remove');
this.factionFilter = deck;
$('.all-cards').scrollTop(0);

View File

@ -1,6 +1,6 @@
<div class="heading">
<a v-class="active: factionFilter == 'Northern Realm'" v-on="click: changeDeck('Northern Realm')">Northern Realm</a>
<a v-class="active: factionFilter == 'scoiatael'" v-on="click: changeDeck('sco bla')">Scoia'tael</a>
<a v-class="active: factionFilter == 'northern_realm'" v-on="click: changeDeck('northern_realm')">Northern Realm</a>
<a v-class="active: factionFilter == 'scoiatael'" v-on="click: changeDeck('scoiatael')">Scoia'tael</a>
<a v-class="active: factionFilter == 'monster'" v-on="click: changeDeck('monster')">Monster</a>
</div>
@ -18,7 +18,6 @@
<div class="clear-space"></div>
</div>
<div class="shadow-all-cards"></div>
</div>
<style>
@ -41,4 +40,8 @@
.remove {
opacity: 0;
}
.load-deck {
}
</style>

View File

@ -21,6 +21,7 @@ main {
height: calc(100vh - 150px);
min-height: 400px;
clear: both;
position: relative;
color: #fff;