...
| 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 |
| text1 | String |
null| "Cargando" | Texto de arriba. Si es null, se muestra "Cargando". |
| text2 | String |
null| "Espera un momento" | Texto de abajo. Si es null, se muestra "Espera un momento". |