¡OJO! Los estilos están todavía en desarrollo, esto es una versión alpha.
Disponemos de estilos unos css para adaptar los componentes de Primevue (versión 2.4.2)al estilo corporativo de la UMU. Próximamente estará disponible como un paquete en el reposiotrio Verdaccio, para poder instalarlo con npm i, pero de momento tenemos que meter los archivos en nuestro proyecto a mano.
Para ello, tenemos que descargar este archivo: estiloUMU.rar
Tenemos que descomprimirlo dentro de src/assets/.
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
Lo siguiente ya está incluido en el proyecto Portal UI.
tenemos que importar el css principal en nuestro main.js (Una vez hecho, sólo tendremos que importar el archivo css principal en nuestro main.js, después de haber importado los estilos de Primevue, pues lo que hacemos es sobreescribir algunos de ellos), e incluir el mixin que aplica correcciones javascript, añadiendo:
| Bloque de código | ||
|---|---|---|
| ||
import "@mncs// Estilos Primevue ... // Estilo corporativo import "./assets/estiloUMU/fdwjs.css"fwjs-components/estiloUMU.css"; import mixinFixEstiloUMU from "@mncs/fwjs-components/estiloUMU/mixinFixEstiloUMU.js"; Vue.mixin(mixinFixEstiloUMU); |