💄 Поменял задержку до анимации

Вероятно менее дергано будет появляться правильный ответ
This commit is contained in:
2021-03-30 00:05:48 +03:00
parent eeeca86eab
commit b9beb3887e

View File

@@ -1,4 +1,5 @@
<template> <template>
<div>
<div class="card" v-if="card !== null" v-on:click="nextCard()" v-bind:class="{clickable: showResult}"> <div class="card" v-if="card !== null" v-on:click="nextCard()" v-bind:class="{clickable: showResult}">
<img class="meme" v-bind:src="card.image"> <img class="meme" v-bind:src="card.image">
<h2>Кто скинул этот мем?</h2> <h2>Кто скинул этот мем?</h2>
@@ -14,6 +15,7 @@
</div> </div>
</div> </div>
<square-loader v-else :color="'#f3f3f3'" class="loader" /> <square-loader v-else :color="'#f3f3f3'" class="loader" />
</div>
</template> </template>
<script> <script>
@@ -34,6 +36,7 @@ export default {
return { return {
options: null, options: null,
card: null, card: null,
oldCard: null,
correctAnswer: null, // True or False correctAnswer: null, // True or False
selectedAnswer: null, // Чье-то имя selectedAnswer: null, // Чье-то имя
showResult: false showResult: false
@@ -62,7 +65,8 @@ export default {
let innerThis = this let innerThis = this
setTimeout(function() { setTimeout(function() {
innerThis.showResult = true innerThis.showResult = true
}, 800) }, 805)
this.oldCard = this.card
axios axios
.post(process.env.VUE_APP_BACKEND + '/answer', { .post(process.env.VUE_APP_BACKEND + '/answer', {
'data': { 'data': {