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

Agregado indicador de dragon de la partida

master
Araozu 2020-10-26 10:55:30 -05:00
parent d0f9fa0144
commit 4656c55ca1
1 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/views/Juego/components/contenedor-cartas.vue
View File

@ -1,14 +1,14 @@
<template lang="pug"> <template lang="pug">
div.cont-cuadrante-cartas-juego div.cont-cuadrante-cartas-juego
span.num-cartas(:style="{fontSize: `${pH * 10}px`}") {{ cartasRestantes }} img.img-dragon-partida(:src="rutaImgDragon")
br br
span.txt-cartas(:style="{fontSize: `${pH * 2.5}px`}") Cartas restantes {{ dragonPartida }} span.txt-cartas {{ cartasRestantes }} cartas
// //
</template> </template>
<script lang="ts"> <script lang="ts">
import {defineComponent} from "vue"; import {defineComponent, computed} from "vue";
export default defineComponent({ export default defineComponent({
name: "contenedor-cartas", name: "contenedor-cartas",
@ -23,8 +23,14 @@ export default defineComponent({
} }
}, },
setup(props) { setup(props) {
return { const rutaImgDragon = computed(() => {
const nombreDragonMin = props.dragonPartida.toLowerCase();
return `/img/Dragon_${nombreDragonMin}.webp`;
});
return {
rutaImgDragon
}; };
} }
}); });
@ -42,12 +48,14 @@ export default defineComponent({
right: 41% right: 41%
text-align: center text-align: center
.num-cartas
font-size: calc(var(--pH) * 10px)
.txt-cartas .txt-cartas
font-size: calc(var(--pH) * 2.5px) font-size: calc(var(--phx) * 2)
.img-dragon-partida
height: calc(var(--phx) * 12)
width: auto
// //
</style> </style>