Historial de página

¡OJO! Los estilos están todavía en desarrollo, esto es una versión alpha.

Disponemos de unos css para adaptar los componentes de Primevue (versión 2.4.2) de Primevue al estilo corporativo de la UMU. Se puede ver una muestra de éstos, así como el código utilizado, en el siguiente showcase: FUNDEWEBJS SHOWCASE.

Cómo importar el estilo corporativo

El estilo corporativo está subido al repositorio Verdaccio, así que en primer lugar necesitamos tener en la raíz de nuestro proyecto el archivo .npmrc que incluya esta línea:

registry = https://verdaccio.um.es

Después, tenemos que bajarnos el paquete ejecutando el siguiente comando en la terminal:

npm i @mncs/fwjs-components

Lo siguiente ya está incluido en el proyecto Portal UI.

Una vez hecho esto, tenemos que importar el css principal en nuestro nuestro main.js (después de haber importado los de Primevue, pues lo que hacemos es sobreescribir algunos de ellos), e incluir el mixin que aplica correcciones javascript, añadiendo:

import "@mncs/fwjs-components/estiloUMU.css";

Por último, tenemos que añadir un mixin que va incluido en el paquete, poniéndolo en App.vue de esta manera:

import mixinFixEstiloUMU from "@mncs/fwjs-components/estiloUMU/mixinFixEstiloUMU.js"

export default {
  mixins: [mixinFixEstiloUMU],
  ... 
};
Vue.mixin(mixinFixEstiloUMU);