...
| Bloque de código |
|---|
|
import fwjsLoader from '@/app/shared/components/fwjsLoader.vue'; |
Uso
Para el correcto funcionamiento del loader es obligatorio que añadamos id="fwjsLoader-container" al contenedor del mismo, el elemento padre. Lo utilizaremos con "v-if", pasándole las propiedades correspondientes, que normalmente tendremos definidas en el componente. Por ejemplo:
| Bloque de código |
|---|
|
<div id="fwjsLoader-container">
<fwjsLoader v-if="loading" :blurry="blurry" :dark="dark" text1="Cargando$t('texto_cargando_1')" text2="Espere un momento$t('texto_cargando_2')" />
<div>
<h1>Contenido</h1>
<h3>Quieres algo del Max donal</h3>
<span>Nuggues?</span>
</div>
</div> |
Props
| Prop | Tipo | Default | Descripción |
|---|
| dark | Boolean | false | Modo oscuro |
| blurry | Boolean | true | Desenfocar fondo |
| fullScreen | Boolean | false | Para ponerlo a pantalla completa o no. |
| text1 | String | null | Texto de arriba. Si es null, no se muestra |
"Cargando"| nada. |
| text2 | String | null | Texto de abajo. Si es null, |
se muestra "Espera un momento"| no se muestra nada. |
| scaleIcon | Number | 1 | Escala del icono. Para ampliarlo (por ejemplo, 2), o para reducirlo (p. ej., 0.3). |