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

Eliminar estilos dinamicos de Vue que usaban <style vars>

Browse Source
This commit is contained in:
Araozu 2020-12-29 18:22:56 -05:00
parent 617ef0e18e
commit 10c0ec24b6
8 changed files with 24 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/views/Ayuda/Ayuda.vue
View File

@ -1,5 +1,5 @@
<template lang="pug"> <template lang="pug">
div div(:style="'--phx: ' + phx + '; --escala: ' + escala + ';'")
h1 Sobre el juego h1 Sobre el juego
p Ri Ma Jon es un juego inspirado en Mahjong, pero ejecutado con cartas. p Ri Ma Jon es un juego inspirado en Mahjong, pero ejecutado con cartas.
@ -244,13 +244,14 @@ export default defineComponent({
</script> </script>
<style lang="sass" vars="{phx, escala}"> <style lang="sass">
.pad .pad
padding-left: 2rem padding-left: 2rem
.tabla-puntos .tabla-puntos
padding-left: 2rem padding-left: 2rem
h3 h3
text-decoration: underline text-decoration: underline
font-size: 1.45rem font-size: 1.45rem

6
src/views/Juego/Juego.vue
View File

@ -1,5 +1,7 @@
<template lang="pug"> <template lang="pug">
div div(
:style="'--escala: ' + escala + '; --pH: ' + pH + '; --phx: ' + phx + '; --pW: ' + pW + '; --pwx:' + pwx + ';'"
)
pantalla-ganador(:datos="datosJuego") pantalla-ganador(:datos="datosJuego")
contenedor-dora(:turnosRestantes="turnosDora") contenedor-dora(:turnosRestantes="turnosDora")
div.con-int-juego div.con-int-juego
@ -228,7 +230,7 @@ export default defineComponent({
</script> </script>
<style lang="sass" vars="{pH, phx, pW, pwx, escala}"> <style lang="sass">
.con-int-juego .con-int-juego
position: absolute position: absolute

2
src/views/Juego/components/contenedor-descartes.vue
View File

@ -1,5 +1,5 @@
<template lang="pug"> <template lang="pug">
div.cont-cuadrante-descarte(:class="claseTurnoActual") div.cont-cuadrante-descarte(:class="claseTurnoActual" :style="'--escala: ' + escala + ';'")
div(v-for="cartas in grupoCartas") div(v-for="cartas in grupoCartas")
carta(v-for="(c, i) in cartas" :valor="c" :key="i") carta(v-for="(c, i) in cartas" :valor="c" :key="i")

4
src/views/Juego/components/contenedor-dora.vue
View File

@ -1,5 +1,5 @@
<template lang="pug"> <template lang="pug">
div.contenedor-dora div.contenedor-dora(:style="'--escala: ' + escala + ';'")
carta(v-for="(c, i) in doraCerrado" :valor="c" :key="i") carta(v-for="(c, i) in doraCerrado" :valor="c" :key="i")
br br
carta(v-for="(c, i) in doraAbierto" :valor="c" :key="i") carta(v-for="(c, i) in doraAbierto" :valor="c" :key="i")
@ -47,7 +47,7 @@ export default defineComponent({
</script> </script>
<style lang="sass" vars="{escala}"> <style lang="sass">
.contenedor-dora .contenedor-dora
position: fixed position: fixed

4
src/views/Juego/components/opciones-mano/opcion-ignorar.vue
View File

@ -1,5 +1,5 @@
<template lang="pug"> <template lang="pug">
div.opcion-mano(@click="enviarSolicitudIgnorarOportunidad" :style="{backgroundColor: '#9E9E9E'}") div.opcion-mano(@click="enviarSolicitudIgnorarOportunidad" :style="'background-color: #9E9E9E; --tamano: ' + tamano + ';'")
| Ignorar | Ignorar
// //
@ -51,7 +51,7 @@ export default defineComponent({
</script> </script>
<style lang="sass" vars="{tamano}"> <style lang="sass">
.opcion-mano .opcion-mano
display: inline-block display: inline-block

6
src/views/Juego/components/opciones-mano/opcion-seq.vue
View File

@ -1,5 +1,7 @@
<template lang="pug"> <template lang="pug">
div.opcion-mano(v-for="opcion in opciones" @click="enviarSolicitudSeq(opcion)" :style="{backgroundColor: '#009688'}") div.opcion-mano(v-for="opcion in opciones" @click="enviarSolicitudSeq(opcion)"
:style="'background-color: #009688; --tamano: ' + tamano + '; --escala: ' + escala + ';'"
)
div.contenedor-cartas-opcion-mano div.contenedor-cartas-opcion-mano
carta(v-for="(c, i) in obtCartasOrdenadas(opcion)" carta(v-for="(c, i) in obtCartasOrdenadas(opcion)"
:valor="c" :valor="c"
@ -76,7 +78,7 @@ export default defineComponent({
</script> </script>
<style lang="sass" vars="{tamano, escala}"> <style lang="sass">
.contenedor-cartas-opcion-mano .contenedor-cartas-opcion-mano
position: absolute position: absolute

6
src/views/Juego/components/opciones-mano/opcion-tri.vue
View File

@ -1,5 +1,7 @@
<template lang="pug"> <template lang="pug">
div.opcion-mano(@click="enviarSolicitudSeq()" :style="{backgroundColor: '#3F51B5'}") div.opcion-mano(@click="enviarSolicitudSeq()"
:style="'background-color: #3F51B5; --tamano: ' + tamano + '; --escala: ' + escala + ';'"
)
div.contenedor-cartas-opcion-mano div.contenedor-cartas-opcion-mano
carta(v-for="(c, i) in obtCartas()" carta(v-for="(c, i) in obtCartas()"
:valor="c" :valor="c"
@ -81,7 +83,7 @@ export default defineComponent({
</script> </script>
<style lang="sass" vars="{tamano, escala}"> <style lang="sass">
.contenedor-cartas-opcion-mano .contenedor-cartas-opcion-mano
position: absolute position: absolute

6
src/views/Juego/components/opciones-mano/opcion-win.vue
View File

@ -1,5 +1,7 @@
<template lang="pug"> <template lang="pug">
div.opcion-mano(@click="enviarSolicitudWin()" :style="{backgroundColor: '#f44336'}") div.opcion-mano(@click="enviarSolicitudWin()"
:style="'background-color: #f44336; --tamano: ' + tamano + ';'"
)
span Win span Win
// //
@ -54,7 +56,7 @@ export default defineComponent({
</script> </script>
<style lang="sass" vars="{tamano}"> <style lang="sass">
.opcion-mano .opcion-mano
position: relative position: relative