Componente loader.
Import
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:
<div id="fwjsLoader-container">
<fwjsLoader v-if="loading" :blurry="blurry" :dark="dark" text1="Cargando" text2="Espere un momento" />
<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 | Texto de arriba. Si es null, se muestra "Cargando". |
| text2 | String | null | Texto de abajo. Si es null, se muestra "Espera un momento". |