fernando/rimajon-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Sincronizados los efectos de las cartas bonus

Browse Source
This commit is contained in:
Araozu 2020-10-17 10:18:02 -05:00
parent 02296a8d48
commit faf061efa4
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/carta.vue
View File

@ -14,7 +14,7 @@ div.cont-carta(@click="fnDescartar" style="display: inline-block")
</template> </template>
<script lang="ts"> <script lang="ts">
import {defineComponent, computed} from "vue"; import {defineComponent, computed, ref, watchEffect} from "vue";
import {useDimensions} from "@/components/useDimensions"; import {useDimensions} from "@/components/useDimensions";
import { useStore } from "vuex"; import { useStore } from "vuex";
import { getEsOscuro } from "@/components/getEsOscuro"; import { getEsOscuro } from "@/components/getEsOscuro";
@ -116,7 +116,16 @@ export default defineComponent({
}); });
const valorR = computed(() => props.valor); const valorR = computed(() => props.valor);
const claseDora = getClaseDora(valorR, store); const claseDora = ref("");
const claseDoraWatcher = getClaseDora(valorR, store);
watchEffect(() => {
if (claseDoraWatcher.value !== "") {
const tiempoHastaSig5s = 5000 - (new Date()).getTime() % 5000;
setTimeout(() => {
claseDora.value = claseDoraWatcher.value;
}, tiempoHastaSig5s);
}
});
const fnDescartar = () => { const fnDescartar = () => {
props.fnDescartar!!(props.valor); props.fnDescartar!!(props.valor);