¡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) 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
Una vez hecho esto, sólo tenemos que importar el css principal en 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"; import mixinFixEstiloUMU from "@mncs/fwjs-components/estiloUMU/mixinFixEstiloUMU.js"; Vue.mixin(mixinFixEstiloUMU);